错误：找不到模块“tailwindcss”（Next.js 应用程序）

Question

我最近根据this帖子更新了我的节点包管理器。但是，现在当我创建一个新的 Next.js 应用程序并使用

npm run dev

运行它时，我收到以下错误：

error - ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[2]!./styles/globals.css
Error: Cannot find module 'tailwindcss'
Require stack:
- E:\Code\testing\node_modules\next\dist\build\webpack\config\blocks\css\plugins.js
- E:\Code\testing\node_modules\next\dist\build\webpack\config\blocks\css\index.js
- E:\Code\testing\node_modules\next\dist\build\webpack\config\index.js
- E:\Code\testing\node_modules\next\dist\build\webpack-config.js
- E:\Code\testing\node_modules\next\dist\server\dev\hot-reloader.js
- E:\Code\testing\node_modules\next\dist\server\dev\next-dev-server.js
- E:\Code\testing\node_modules\next\dist\server\next.js
- E:\Code\testing\node_modules\next\dist\server\lib\start-server.js
- E:\Code\testing\node_modules\next\dist\cli\next-dev.js
- E:\Code\testing\node_modules\next\dist\bin\next
    at Array.map (<anonymous>)

导致该错误的原因是什么以及如何修复它？我不想使用 TailwindCSS 构建我的项目，因此不想安装它。

编辑：我之前运行过

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

命令来修复错误。这没有帮助。我尝试卸载它，但这也没有帮助。

Answer 1

这个帖子修复了我的错误。我没有注意到父目录中有一个 postcss.config.js 文件。我所有的 Next.js 项目都是在子目录中创建的，因此受到监督。

Answer 2

就我而言，我正在构建一个多阶段 Docker 构建，其中在包构建器步骤中将 tailwindcss 作为 devDependecy。这些软件包是使用yarn wokspaces focus --all --product 安装的。在构建第二阶段时，tailwindcss 作为 devDependency 丢失，并且没有安装，并且确实弹出了此错误。

Answer 3

删除

node_modules

和

.next

文件夹并按照此处的指南进行操作： https://tailwindcss.com/docs/guides/nextjs

Answer 4

安装以下命令

npm install -D tailwindcss postcss autoprefixer

安装后重新启动服务器

Answer 5

就我自己而言，我安装 sudo npm install tailwindcss-animate class-variance-authority clsx tailwind-merge lucide-react