reactjs Tailwind更新未显示在本地服务器上(NextJS、mac-os m1、Safari)

kq4fsx7k  于 2023-03-12  发布在  React
关注(0)|答案(2)|浏览(111)

我正在用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”,但这没有帮助。

xqk2d5yq

xqk2d5yq1#

没有解决方案对我有效,但通过滚动互联网,我注意到所有遇到这个问题的人都在使用Mac电脑。
尝试在Chrome而非Safari上运行本地服务器,它工作正常

js4nwp54

js4nwp542#

将这些行放入postcss.config.js中:

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

相关问题