reactjs - 'tailwindcss' 未被识别为内部或外部命令
问题描述
我已经为我的 react 库预先安装了 tailwind css,并添加了一个名为 build-css 的脚本,但运行它,npm run build-css它给了我以下错误: 'tailwindcss' 不被识别为内部或外部命令
包.json文件
{
"name": "react-firebase-authentication",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.9",
"@testing-library/react": "^11.2.3",
"@testing-library/user-event": "^12.6.0",
"autoprefixer": "^9.8.8",
"postcss": "^7.0.39",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-icons": "^4.3.1",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.1",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
"web-vitals": "^0.2.4"
},
"scripts": {
"build-css": "tailwindcss build src/styles.css -o public/styles.css",
"start": "react-scripts start",
"build": "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"
]
}
}
解决方案
如果您使用的是 Tailwind 2.x,则必须使用 Craco 来正确配置它。请遵循Tailwind 文档中的指南。
推荐阅读
- next.js - WaveSurfer.create 不是函数
- python-3.8 - opencv pycharm ide python中的图像显示问题
- git - git 重置为上一次提交,然后推送
- multi-factor-authentication - 如何制作 Authenticator App 智能 URL
- android - 为什么 Environment.getExternalStorageDirectory() 在缓存文件夹中创建目录
- mysql - 我们可以在本地 MySQL 服务器和 Azure Database for MySQL 之间设置数据库同步吗
- javascript - 有没有办法在不使用画布的情况下在 JavaScript 中合并图像?
- google-sheets - Google 表格显示无法获取 URL
- react-native - 隐藏在 DrawerNavigator 下的自定义 TabBarIcon - React Navigation v5
- python - Django 子查询,注释。有什么方法可以连接三个表进行查询以查找 django 中某个字段的总和(查询集 api)?