时间戳

首页 > 解决方案 > 错误：请安装 PostCSS 8 或更高版本。我怎样才能解决这个问题？

reactjs - 错误：请安装 PostCSS 8 或更高版本。我怎样才能解决这个问题？

问题描述

这是我的 package.json 文件。我该如何解决这个问题？我尝试将 autoprefixer 的版本更改为 9.8.6，但没有成功。请帮我解决这个问题

{
  "name": "react-tailwindcss",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
  "@testing-library/jest-dom": "^5.13.0",
  "@testing-library/react": "^11.2.7",
  "@testing-library/user-event": "^12.8.3",
  "react": "^17.0.2",
  "react-dom": "^17.0.2",
  "react-scripts": "4.0.3",
  "web-vitals": "^1.1.2"
},
 "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",
  "react-app/jest"
 ]
},
 "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": "^8.3.1",
 "tailwindcss": "^2.1.4"
 }
}

这是我安装的依赖文件。它告诉我请在此处输入图像描述安装 PostCSS 8 或更高版本

标签： reactjstailwind-csspostcssautoprefixerpostcss-cli

解决方案

看起来你已经postcss-cli安装了，但是 TailwindCSS 需要postcss. 你只需要安装它。这是所有主要包管理器的终端命令。

npm

npm i -D postcss@latest

纱

yarn add -D postcss@latest

即插即用

pnpm i -D postcss@latest

推荐阅读