我正在遵循在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
这对我有效。
我更新了npm和nodejs,错误消失了。也许是兼容性错误。
npm update -g npm
{yourpackagemanager} upgrade nodejs -y
npm从">6.11.3";至">6.14.17";。
nodejs从">v12.10.0";至">v18.9.1";。