[英]WheneverIi run "npm start "in react i get Error: Cannot find module 'autoprefixer'
[英]Tailwind in React project - getting "Cannot find module 'autoprefixer'" error during setup
我正在关注在https://tailwindcss.com/docs/guides/create-react-app上的 React 项目中设置 Tailwind 的文档。 我一直在执行这些步骤,但是当我到达应该运行npx tailwindcss init
以生成tailwind.config.js
文件的部分时,我收到以下错误:
Cannot find module 'autoprefixer'
Require stack:
- C:\Users\[user]\AppData\Roaming\npm-cache\_npx\16096\node_modules\tailwindcss\lib\cli\commands\build.js
- C:\Users\[user]\AppData\Roaming\npm-cache\_npx\16096\node_modules\tailwindcss\lib\cli\commands\index.js
- C:\Users\[user]\AppData\Roaming\npm-cache\_npx\16096\node_modules\tailwindcss\lib\cli\main.js
- C:\Users\[user]\AppData\Roaming\npm-cache\_npx\16096\node_modules\tailwindcss\lib\cli.js
我检查了我的node_modules
文件夹中是否有autoprefixer
并尝试重新安装它,但我得到了同样的错误。 在我的package.json
中,我有以下内容:
...
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
...
根据文档。 我的craco.config.js
文件如下:
module.exports = {
style: {
postcss: {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
],
},
},
}
再次,根据文档。 我也尝试重新安装@craco/craco
package 无济于事,所以此时我被卡住了。 任何帮助,将不胜感激。
你可以试试这个:
npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p
npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
我遇到了同样的问题。
起初我在安装过程中遇到“找不到模块'autoprefixer'”错误。
比我尝试“纱线”而不是“npm”。
rest 的过程将保持不变。
现在可以了。
问题是有时您安装的是tailwind
而不是tailwindcss
pnpm add tailwindcss
- 不是 -
pnpm add tailwind
这对我有用
npm install tailwindcss@latest postcss@latest autoprefixer@latest
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
这是创建 Tailwind 配置文件的简单方法
npm install tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init
只需使用:-
yarn add tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
代替,
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
这对我有用。
我更新了 npm和nodejs并且错误消失了。 也许这是一个兼容性错误。
npm update -g npm
{yourpackagemanager} upgrade nodejs -y
npm 从“ 6.11.3 ”更新到“ 6.14.17 ”。
nodejs 从“ v12.10.0 ”更新为“ v18.9.1 ”。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.