逆风CSS不适用于React
逆风CSS不适用于React
提问于 2021-06-21 07:34:15
我试图添加反作用应用的顺风css。我跟踪了顺风文档，如何设置顺风与反应。
我试了一下顺风最新版本，我检查了Nodejs和npm是否安装得很好。
但是，当我运行npm run start时，总是会出现错误。我解决不了这个问题。
package.json
{
"name": "tailwind-css",
"version": "0.1.0",
"homepage": "",
"private": true,
"dependencies": {
"@craco/craco": "^6.1.2",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.2.0",
"react-scripts": "^4.0.3"
},
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"engines": {
"npm": "6.14.6",
"node": "12.18.4"
},
"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": "^7.0.36",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.2"
}
}请大家帮忙。
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-06-21 08:36:54
如果您遵循顺风文档的方式，那么在package.json中尝试以下操作
"scripts": {
"start": "craco start && postcss src/css/app.css -o public/app.css", <--- need to inser postcss script as your css reference path.
"build": "craco build",也可以像这样检查你的craco.config.js。
module.exports = {
style: {
postcss: {
plugins: [require("tailwindcss"), require("autoprefixer")],
},
},
};编码愉快！
Stack Overflow用户
发布于 2022-10-03 14:31:52
只需将您的react-脚本从v4更新到最新的5版本: npm安装react-script @最新版本。如果您要继续使用版本4，则必须使用craco。
那对我很有帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68064021
复制相关文章
相似问题
腾讯云开发者
