React 项目中的顺风 - 在设置过程中出现"Cannot find module 'autoprefixer'"错误



我正在遵循在React项目中设置Tailwind的文档https://tailwindcss.com/docs/guides/create-react-app.我一直在遵循这些步骤,但当我到达应该运行npx tailwindcss init以生成tailwind.config.js文件的部分时,我得到了以下错误:

Cannot find module 'autoprefixer'
Require stack:
- C:Users[user]AppDataRoamingnpm-cache_npx16096node_modulestailwindcsslibclicommandsbuild.js
- C:Users[user]AppDataRoamingnpm-cache_npx16096node_modulestailwindcsslibclicommandsindex.js
- C:Users[user]AppDataRoamingnpm-cache_npx16096node_modulestailwindcsslibclimain.js
- C:Users[user]AppDataRoamingnpm-cache_npx16096node_modulestailwindcsslibcli.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软件包,但没有成功,所以在这一点上我陷入了困境。如有任何帮助,我们将不胜感激。

你能试试这个吗:

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

此处:https://github.com/tailwindlabs/tailwindcss/issues/2831

我也遇到过同样的问题。

起初,我在安装过程中遇到"找不到模块‘autoprefixer’"错误。

比我尝试的";纱线";而不是";npm";。

剩下的过程将保持不变。

它现在起作用了。

这对我有效

npm install tailwindcss@latest postcss@latest autoprefixer@latest
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

问题是有时安装tailwind而不是tailwindcss

pnpm add tailwindcss

--不是——

pnpm add 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

这对我有效。

我更新了npmnodejs,错误消失了。也许是兼容性错误。

npm update -g npm

{yourpackagemanager} upgrade nodejs -y

npm从">6.11.3";至">6.14.17";。

nodejs从">v12.10.0";至">v18.9.1";。

相关内容

最新更新