Debugging 如何调试webpack bundle文件错误并在reactJs中包含数千行的bundle中找到确切的错误

我想在我的程序中找到准确的错误，在那里错误是实时发生的。我一直面临着检测错误的问题，因为它只显示有数千行的捆绑文件。这几乎不可能一次完成所有代码。请提供解决方案，如果你有。先谢谢你

请使用webpack的devtool选项

看看它

我建议像下面这样使用eval

devtool: debug ? "eval" : null,

---

它将最小化您的代码并向您显示错误的实际位置。有关更多信息，请参阅我共享的链接。

在网页包配置文件中，检查

debug

是否正确：

{
    debug: true,
    devtool: 'source-map',
    entry: ...

....
}

---

在调用webpack函数的地方，您可以console.log统计信息：

webpack(config, function (err, stats) {
  if (err) {
    console.log(err)
  }
  console.log(stats.toString())
})

---

也许它可以帮助你

人们不断忽略上下文，你把这些放在哪里？对象

{…}

属于什么？模块。导出。{…}？编辑：调试选项已在2.0.0 lol中删除