更新到 nextjs@10.4 后找不到模块'webpack/lib/node/NodeTemplatePlugin'

Posted 2023-03-07

【中文标题】更新到 nextjs@10.4 后找不到模块\'webpack/lib/node/NodeTemplatePlugin\'

【英文标题】：Cannot find module 'webpack/lib/node/NodeTemplatePlugin' after I updated to nextjs@10.4更新到 nextjs@10.4 后找不到模块'webpack/lib/node/NodeTemplatePlugin'

【发布时间】：2021-07-13 09:06:44

【问题描述】：

在我更新到 nextjs 10.1.3 后，我在启动 yarn dev 时出错。

error - ./public/static/style.scss
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Require stack:
- /path_to/node_modules/mini-css-extract-plugin/dist/loader.js
- /path_to/node_modules/next/dist/compiled/webpack/bundle4.js
- /path_to/node_modules/next/dist/compiled/webpack/webpack.js
- /path_to/node_modules/next/dist/next-server/server/config-utils.js
- /path_to/node_modules/next/dist/next-server/server/config.js
- /path_to/node_modules/next/dist/next-server/server/next-server.js
- /path_to/node_modules/next/dist/server/next.js
- /path_to/node_modules/next/dist/server/lib/start-server.js
- /path_to/node_modules/next/dist/cli/next-dev.js
- /path_to/node_modules/next/dist/bin/next

Could not find files for /[lang] in .next/build-manifest.json
Could not find files for /[lang] in .next/build-manifest.json
event - compiled successfully

我找到了similar issue，但它并没有解决我的问题。

我删除了包和锁定文件，还尝试安装 webpack 等reading this。

这让我又犯了一个关于 tap 的错误，是什么让我看到了 this，所以我删除了我刚刚所做的，所以回到上面的第一个错误。

这是我的next.config.js

const withSass = require('@zeit/next-sass');
const withCSS = require("@zeit/next-css");

module.exports = withCSS(withSass(
    webpack(config, options) 
        config.module.rules.push(
            test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
            use: 
                loader: 'url-loader',
                options: 
                    limit: 100000
                
            
        );
        return config;
    
));

【问题讨论】：

你在 Next.js 配置中有 enabled webpack 5，还是你还在使用 webpack 4？

我试过了，但没有改变任何东西：/

我终于回到了 next@9.3.6。似乎很多事情都发生了变化，他们处理某些事情的方式也不同。对于大多数人来说，我猜他们必须删除@zeit deps

您不再需要@zeit/next-sass 和@zeit/next-css。现在在 Next.js 中有built-in support。

是的，我明白了，但是我处理多语言的方式出现了一个奇怪的错误：/。该网站无限重新加载。所以我不想在这件事上浪费太多时间。不过谢谢

【参考方案1】：

所以我的设置与您的设置类似，即 Next.js 和 Antd 和 Less。升级到最新版本的 nextjs (10.2.0) 后，我最近收到此错误。对我来说幸运的是，我偶然发现了这个问题并单击了您附加的类似问题链接，我从那里得到了解决方案。我通过安装webpack解决了这个问题

npm i webpack@webpack-4 --save-dev

希望这会节省其他人的时间:)。干杯