webpack 错误:找不到模块'tailwindcss'(Next.js应用程序)

yeotifhr  于 2022-11-13  发布在  Webpack
关注(0)|答案(2)|浏览(522)

我最近根据this post更新了我的节点程序包管理器。但是,现在当我创建一个新的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命令来修复这个错误。它没有帮助。我试着卸载它,也没有帮助。

4ktjp1zp

4ktjp1zp1#

This post修复了我的错误。我在父目录中有一个postcss.config.js文件,我没有注意到。我所有的Next.js项目都是在一个子目录中创建的,因此,疏忽了。

unguejic

unguejic2#

删除node_modules.next文件夹,然后按照此处的指南进行操作:https://tailwindcss.com/docs/guides/nextjs

相关问题