React项目中的Tailwind-在安装过程中出现“无法找到模块‘autoprefixer’”错误

我正在关注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]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

我检查autoprefixer了我的node_modules文件夹中是否有并尝试重新安装它，但我遇到了同样的错误。在我的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