📖

"postcss.config"の識別子を".mjs"から”.js”に変更したら、StoryBook8がTailwind CSSを表示した。

2024/04/15に公開

勉強目的の個人開発中に、思わぬところでつまずいたのでメモ。

環境

  • Next.js: 14.2.1
  • Typescript: 5.4.5
  • Tailwind CSS: 3.4.3
  • StoryBook: 8.0.8

Next.jsが用意してくれた"postcss.config.mjs"を"postcss.config.js"にリネームした。

(あくまで予測)StoryBook側が、".mjs"を受け取ってくれていなかったのかもしれない。

他の必要な設定は、公式ドキュメントや他の記事を参考。

".stories/preview.ts"へのcssファイルのインポートや、"tailwind.config.ts"の追記の仕方などは、公式ドキュメントや他の方の記事を参考にさせていただきました。ありがとうございます。

https://tailwindcss.com/docs/guides/nextjs
https://storybook.js.org/docs/get-started/nextjs
https://zenn.dev/k_haruaki/articles/1249fe2aff7753
https://zenn.dev/akky1991/articles/7a8fb3ec6092dc

Discussion