Tailwind CSS не применяет стили
В настоящее время я создаю веб-приложение React-Express, и сегодня я столкнулся со многими ошибками. Первая проблема была с Webpack-5. Я решил это, понизив версию до 4.0.3, но когда я запустил приложение для реагирования, CSS не работал, поэтому я подумал, что это может быть ошибка с версией Node JS, поэтому я установил последнюю версию, но это вызвало еще одну ошибку, поэтому я установил LTS 16.15.1 версии, но CSS по-прежнему не работает. Поэтому следующее, что я сделал, это переустановил tailwind, но это все равно не помогло. Я не получаю никаких сообщений об ошибках ни в консоли, ни в терминале.
хвостовой ветер.config.js
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
postcss.config.js
export const plugins = {
tailwindcss: {},
autoprefixer: {},
};
пакет.json
"devDependencies": {
"autoprefixer": "^10.4.7",
"postcss": "^8.4.14",
"sass": "^1.52.1",
"tailwindcss": "^3.1.3",
"typescript": "^4.7.3"
}
Вот ссылка на проект, если это как-то поможет.
Ответы 2
Попробуйте добавить следующее в файл index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
Попробуйте перезапустить сервер
Это первое, что я сделал, но не работает
Я, наконец, исправил проблему, выполнив следующее: https://www.smashingmagazine.com/2020/02/tailwindcss-react-project/.
Но я до сих пор не уверен, почему он внезапно перестал работать. Единственная проблема с этим решением заключается в том, что на npm start он создает CSS и выводит его в другой файл. Проблема в том, что мне приходится перезапускать сервер каждый раз, когда я вношу изменения в CSS.
я это уже делал, но не помогло