TailwindCSS не работает с Vite + React
Я инициализирую TailWindCSS с помощью https://tailwindcss.com/docs/guides/create-react-app в проекте Vite + React + JavaScript, но не могу заставить его работать. Похоже, postcss и автопрефиксер не устанавливаются , при попытке установить вручную выдает следующую ошибку
warning Pattern ["postcss@^8.4.20"] is trying to unpack in the same destination "C:\\Users\\NUR\\AppData\\Local\\Yarn\\Cache\\v6\\npm-postcss-8.4.20-64c52f509644cecad8567e949f4081d98349dc56-integrity\\node_modules\\postcss" as pattern ["postcss@^8.4.18","postcss@^8.4.20"]. This could result in non-deterministic behavior, skipping.
[3/4] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "postcss@^8.0.9".
@JohnLi Я пытался использовать руководство по vite, оно все еще не работает и дает ту же проблему.
Можете показать package.json и tailwind.config.cjs?
Я скопировал конфиг TailWind именно из гайда
Я только что попробовал, и только одна вещь пошла не так, не было postcss.config.cjs. Он у вас был, когда вы пробовали npx tailwindcss init -p ?
Нет, у меня то же самое, postcss не устанавливается, и конфигурация также не генерируется при инициализации npx.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я следовал документу, чтобы установить попутный ветер с Vite и React, и это тоже не сработало.
Не устанавливайте пакеты вручную, используйте npx tailwindcss init -p, но создайте вручную файл postcss.config.cjs с помощью:
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {}
}
};
Не забудьте остальную часть руководства, и оно сработает.
Возможно, попробуйте использовать https://tailwindcss.com/docs/guides/vite в качестве справочника вместо руководства для CRA.