错误: PostCSS插件自动重定位程序需要PostCSS 8。更新PostCSS或降级此插件

Question

每当我运行npm启动时，我都会收到这个错误。我试过几次修复，但都不适合我。我试图将自动修复器的版本更改为9.8.6，但没有起作用。请帮我解决这个问题

这是我的package.json

{
  "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"
  }
}

Answer 1

快速修复

将自动重新定位器降级到版本9，使用

“自动再固定器”："^9.0.0“

在开发依赖项中。

更多细节

PostCSS已经更新到版本8，但是PostCSS CLI还没有被更新以处理使用新的PostCSS 8+ API的PostCSS插件。自版本10以来，自动重新修复程序使用了新的PostCSS 8 API。

这是在已知问题中的PostCSS GitHub页面中记录的。

一旦PostCSS CLI被更新以处理使用新的PostCSS 8+ API的插件，这很可能不是一个问题。但在此之前，您可能需要降低一些PostCSS插件的级别以避免错误。

Answer 2

如果您有此问题，并且正在使用尾风CSS v2，请尝试如下

npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

来源：https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

Answer 3

我不确定这一点，但你能尝试安装postcss作为一个依赖吗？

npm i postcss