Node.js 网页包开发服务器错误：未定义require

Webpack本身工作正常，但Webpack开发服务器工作不正常。基本上，webpack为我创建了两个构建文件，一个后端包和一个前端包。因此，我有一个webpack-config.js用于每一个。我想用webpack dev server开发我的前端代码，正如您可以从下面我的前端bundle.js的webpack配置文件中看到的那样。当我运行web pack dev server时，它能够找到并构建我的front-end.js和index.html，但控制台中没有呈现任何内容，它给我一个“未捕获引用错误：未定义require”

该错误是由我的前端构建中的此错误触发的（它仅在开发服务器构建中，而不是在非开发服务器Web包构建中）：

如果有人对此有所了解，我们将不胜感激

尝试添加：

target: 'web'

---

到您的模块块。

我也有同样的错误，如果有人仍在努力解决此问题，此解决方案也可以帮助我：

。。。有两种方法可以解决此问题：

1。（建议）不要在您的webpack浏览器配置中激活webpack节点外部，但让webpack确实绑定这些模块 针对网络时（这可能是您想要做的）

以其他方式在浏览器中加载外部模块，并将适当的importType标志添加到webpack节点外部配置（脚本为var或amd为amd）

---

这里有更多详细信息：

我的webpack.config.js中有以下规则

 rules: [
        {
            test: /\.js$/,
            use:['script-loader']
        }
    ]

从webpack.config.js中删除上述规则将删除错误

---

希望这能有所帮助。

我遇到了这个问题，当时一个节点应用程序中的webpack.config.js作为react应用程序的基础

我有以下几点：

target: 'web'

但还是遇到了同样的问题

---

删除对webpack节点外部的引用解决了这个问题，当您考虑到节点外部实际上在做什么时，这是有意义的。

对我来说，这无法解决“fs”。

节点：{fs:“empty”，}

建议抛出_fs2.default.readFileSync不是函数。看。我知道我已经投了赞成票，但这也解决了

webpack-dev-middleware

对我来说“需求未定义”的问题。谢谢

 rules: [
        {
            test: /\.js$/,
            use:['script-loader']
        }
    ]

target: 'web'