はじめに
React.js で Tailwind CSS をインストールした時に遭遇したエラーの解消方法を載せておきます。
it looks like you're trying to use `tailwindcss` directly as a postcss plugin.
🪄 解消法
エラー内容で検索した際にヒットした本記事や公式ドキュメントを試しましたが、イマイチ解消には至らずでした。
解消方法としては、以下対応でエラー解消することができましたので載せておきます😆
-
3.4.15バージョン指定でインストール -
tailwind.config.jsにて以下記述
npm i -D @vitejs/plugin-react postcss tailwindcss@@^3.4.15
tailwind.config.js
import react from '@vitejs/plugin-react';
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
plugins: [react()],
};