我最近根据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
命令来修复这个错误。它没有帮助。我试着卸载它,也没有帮助。
2条答案
按热度按时间4ktjp1zp1#
This post修复了我的错误。我在父目录中有一个postcss.config.js文件,我没有注意到。我所有的Next.js项目都是在一个子目录中创建的,因此,疏忽了。
unguejic2#
删除
node_modules
和.next
文件夹,然后按照此处的指南进行操作:https://tailwindcss.com/docs/guides/nextjs