在React项目中使用Tailwind - 在设置过程中遇到"Cannot find module 'autoprefixer'"错误。

18 浏览
0 Comments

在React项目中使用Tailwind - 在设置过程中遇到"Cannot find module 'autoprefixer'"错误。

我正在按照https://tailwindcss.com/docs/guides/create-react-app上的文档设置Tailwind在一个React项目中。我按照步骤进行，但是当我到达运行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包，但没有成功，所以现在我卡住了。任何帮助将不胜感激。

0