我已经将tailwind.css配置到我的React项目中,并根据需要编辑了React脚本。
"scripts": {
"build:css": "postcss src/styles/index.css -o src/styles/tailwind.css",
"watch:css": "postcss src/styles/index.css -o src/styles/tailwind.css --watch",
"react-script:start": "timeout <5> && react-scripts start",
"start": "run-p watch:css react-scripts:start",
"build": "run-s build:css react-scripts:build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
同时,这些相关的软件包已经被成功安装。我附上了 package.json 文件。
{
"name": "myblog",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^12.1.4",
"@testing-library/user-event": "^13.5.0",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-scripts": "^5.0.0",
"web-vitals": "^2.1.4"
},
"scripts": {
"build:css": "postcss src/styles/index.css -o src/styles/tailwind.css",
"watch:css": "postcss src/styles/index.css -o src/styles/tailwind.css --watch",
"react-script:start": "timeout <5> && react-scripts start",
"start": "run-p watch:css react-scripts:start",
"build": "run-s build:css react-scripts:build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"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": "^10.4.4",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.12",
"postcss-cli": "^9.1.0",
"tailwindcss": "^3.0.23"
}
}
我不断地看到"任务未找到"的错误提示。
我尝试过以下方法:
- 手动重新安装所有依赖项
- 更改React脚本命令后执行npm install
- 删除node模块并重新安装
- 检查所有React脚本并运行npm-run-all