🐱
モノレポでFlowbite Reactのスタイルが適用されない時
モノレポでFlowbite Reactを使用した時にコンポーネントのスタイルが当たらないという問題が発生しました。
この問題はTailwindの設定に追加した flowbite.content() の引数に以下のように base オプションを追加する事で解決できました
tailwind.config.ts
import type { Config } from "tailwindcss";
import flowbite from 'flowbite-react/tailwind';
export default {
content: [
// ...
- flowbite.content()
+ flowbite.content({ base: '../../' })
],
// ...
} satisfies Config;
プロジェクトのフォルダ構成によってbaseに設定する値が異なる場合があります。
flowbite-reactがインストールされたnode_modulesのパスに対応するように設定してください。
検証したバージョン
package.json
"flowbite-react": "^0.10.2"
"tailwindcss": "^3.4.1"
リンク
Discussion