bolt.newでエクスポートしたnextjsプロジェクトにcssが反映されない時の対処法

概要

今更bolt.newを触った時に予期せぬエラーが発生したので、同じミスをした同志のために対処法を残しておきます。

結論

bolt.newからインポートした tailwind.config.ts ファイルの contentに /src を追加してください。

content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
],

経緯

• bolt.newの作成するプロジェクトのコンポーネントは src/ ディレクトリに配置されない
• npx create-next-app@latest で nextjs プロジェクトを作成したとき コンポーネントは src/ ディレクトリに配置される

上記の違いにより、 tailwind.config.ts をそのままインポートしたら、tailwindの参照が切れました。