Reactjs 错误:POSTSS插件autoprefixer需要POSTSS 8。更新POSTSS或降级此插件
无论何时运行npm start,我都会遇到此错误。 我尝试了几次修复,但没有一次对我有效。我试图将AutoRefixer的版本更改为9.8.6,但没有成功。 请帮我解决这个问题 这是我的package.jsonReactjs 错误:POSTSS插件autoprefixer需要POSTSS 8。更新POSTSS或降级此插件,reactjs,npm,postcss,Reactjs,Npm,Postcss,无论何时运行npm start,我都会遇到此错误。 我尝试了几次修复,但没有一次对我有效。我试图将AutoRefixer的版本更改为9.8.6,但没有成功。 请帮我解决这个问题 这是我的package.json { "name": "reactgallery", "version": "0.1.0", "private": true, "dependencies"
{
"name": "reactgallery",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.3"
},
"scripts": {
"start": "npm run watch:css && react-scripts start",
"build": "npm run build:css && react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
"watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^9.8.6",
"postcss-cli": "^7.1.2",
"tailwindcss": "^1.8.10"
}
}
我不确定这一点,但您能否尝试将POSTSS作为依赖项安装
npm i postcss
快速修复
将AutoRefixer降级至版本9,使用
自动刷新器“^9.0.0”
在您的开发依赖项中
更多细节
POSTSS已更新至版本8,但尚未更新POSTSS CLI以处理使用新POSTSS 8+API的POSTSS插件。自版本10起,Autoprefixer使用新的PostCSS 8 API
这记录在GitHub页面的已知问题下
一旦更新POSTSS CLI以处理使用新POSTSS 8+API的插件,这可能不会成为问题。但在此之前,您可能需要降级某些POSTSS插件以避免出现错误。好的,对我来说,已修复删除包锁.json并安装:
"tailwindcss": "^1.8.10"
"postcss-cli": "^7.1.0"
"autoprefixer": "^9.7.5"
以下组合自2020年10月起生效
...
"dependencies": {
"autoprefixer": "^9.8.6",
"postcss-cli": "^8.1.0",
"tailwindcss": "^1.9.2"
}
根据文档,您需要放弃对旧NodeJ的一些支持,并且必须手动升级包。在我的例子中,基于webpack的项目只需更新这些依赖项:
"dependencies": {
"autoprefixer": "^10.0.2",
"postcss": "^8.1.7",
"postcss-loader": "^4.0.4"
}
因此,对于Next.js 10,您不需要降级autoprefixer:),只需执行以下操作即可
npm install tailwindcss@latest postcss@latest autoprefixer@latest
Source如果您遇到此问题并且使用的是Tailwind CSS v2,请尝试以下方法
npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
资料来源:我对Laravel mix 5和Postss 8以及Tailwind 2有这个问题。
使用Laravel mix 6(目前为beta)解决了这一问题
npm install laravel-mix@next --save-dev
这些步骤对我有效。这是从
Dependecies对象和版本可以在
package.json
文件中直接修改,并且它可以使用
谢谢你的回复。我会试试的。这对我来说很有效,CSS被适当缩小了,非常感谢汉克斯的回复。这对我来说不起作用。我仍然有这个错误。错误:POSTSS插件autoprefixer需要POSTSS 8。更新PostCSS或降级此插件。@RishiPurwar是否删除了您的node_modules文件夹并运行了
npm install
或Thread install
?更新:PostCSS cli v8支持PostCSS v8是的,PostCSS cli v8当前支持PostCSS v8对我没有任何帮助…删除包锁对我没有帮助。但我正在使用^9.8.5.Works for me-无法通过终端添加“post css”包,但在手动将行添加到package.json并重新安装后,一切正常。这应该是有标记的答案。2021年4月,这是唯一一个在react tailwind设置中对我有效且没有错误的组合,可能是因为顺风compat的建造。
npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p
npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
"dependencies": {
"autoprefixer": "^9.8.6",
"postcss": "^8.0.0",
"postcss-cli": "^8.1.0",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
},
yarn remove tailwindcss postcss autoprefixer
yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9