webpack NextJS在第一次npm运行dev时出错

t8e9dugd 于 2022-11-13 发布在 Webpack

关注(0)|答案(5)|浏览(252)

我不知道我的电脑是怎么回事，但每次我创建NextJS应用程序并运行开发时，它都会返回此错误

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
TypeError: Cannot read property 'config' of undefined
(node:20136) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API
(Use `node --trace-deprecation ...` to show where the warning was created)
wait  - compiling /_error (client and server)...
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
TypeError: Cannot read property 'config' of undefined
    at runMicrotasks (<anonymous>)
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, rename 'C:\laragon\www\bayu-personal-website\.next\cache\webpack\client-development-fallback\0.pack_' -> 'C:\laragon\www\bayu-personal-website\.next\cache\webpack\client-development-fallback\0.pack'

我在我的项目上找不到这个错误的任何原因，因为它发生在我运行yarn create-next-app和yarn dev之后。提前感谢您。

webpack

来源：https://stackoverflow.com/questions/71125476/nextjs-getting-error-on-the-first-npm-run-dev

5条答案

按热度按时间

vsnjm48y1#

在我的NextJS项目的根目录下创建一个postcss.config.js文件，为我修复了它。
示例代码

module.exports = {
 plugins: {
 },
}

赞(0）回复(0）举报 2022-11-13

e37o9pze2#

我设法在Users/目录下创建了nextJS项目，结果它修复了错误。在此之前，我在Users/目录之外创建了项目（直接在C：并在那里创建文件夹）。所以可能是一个权限的事情，使项目不能运行。

赞(0）回复(0）举报 2022-11-13

x6yk4ghg3#

我真的不知道为什么，但我安装了postcss-loader，css-loader，还为postcss创建了一个配置文件，postcss.config.js，然后服务器成功运行！
我也试试这个，我认为postcss.config.js是个问题

赞(0）回复(0）举报 2022-11-13

v2g6jxz64#

我遇到了同样的问题，我通过重新启动IDE修复了它，它就这样工作了！！

赞(0）回复(0）举报 2022-11-13

xdyibdwo5#

我在将Tailwind从v2更新到v3时遇到了一个非常类似的错误：TypeError: Cannot read property 'config' of undefined。正如其他人所建议的，这也是由postcss.config.js文件引起的。我需要从plugins部分中删除'@tailwindcss/jit': {}。我的工作配置现在是：

module.exports = {
  plugins: {
    autoprefixer: {},
  },
}

赞(0）回复(0）举报 2022-11-13

我来回答

webpack NextJS在第一次npm运行dev时出错

5条答案

相关问题

热门标签

最新问答