我正在用Tailwind做一个个人的NextJS项目,但是样式的更新有很多问题。Tailwind将样式应用到组件的几率大约是50/50,或者我必须重启开发服务器,更新tailwind配置,重置浏览器中的localhost url,做很多随机的事情,直到它再次工作。
我没有为Tailwind使用任何插件,我也不认为是任何外部因素造成的(因为这是我的一个新项目,我以前也有过类似的问题)。
这是我的package.json,如果这可能会有帮助:
{
"name": "badmood111",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@next/font": "13.1.6",
"@types/node": "18.13.0",
"@types/react": "18.0.28",
"@types/react-dom": "18.0.11",
"eslint": "8.34.0",
"eslint-config-next": "13.1.6",
"next": "13.1.6",
"react": "18.2.0",
"react-dom": "18.2.0",
"typescript": "4.9.5"
},
"devDependencies": {
"autoprefixer": "^10.4.13",
"postcss": "^8.4.21",
"prettier": "^2.8.4",
"prettier-plugin-tailwindcss": "^0.2.4",
"tailwindcss": "^3.2.7"
}
}
注意:我试着在谷歌上搜索一个修复程序,我发现的只是创建一个.env文件,并添加“TAILWIND_MODE=watch”和“NODE_ENV=development”,但这没有帮助。
2条答案
按热度按时间xqk2d5yq1#
没有解决方案对我有效,但通过滚动互联网,我注意到所有遇到这个问题的人都在使用Mac电脑。
尝试在Chrome而非Safari上运行本地服务器,它工作正常
js4nwp542#
将这些行放入
postcss.config.js
中: