🕌

storybookにtailwindが効かない場合の確認事項

2024/04/23に公開

.storybook/preview.tsでCSSを読み込んでいるか

.storybook/main.tsのパスがあっているか

tailwind.config.tsでcontentでstoryファイルがあるところにパスが入っているか

postcss.config.mjsになっていないか

僕の場合これでした。
ファイルは下記に変更。

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

Discussion