使用Webpack编译脚本后，控制台中出现了更好的错误

Question

我现在偶然发现了它几次，在控制台中出现了一个错误，而且我无法毫无把握地弄清它的起源。例如这里的错误：

我看到有this NPM-package here在编译时显示出更好的Webpack错误。但是我正在寻找可以使控制台中的错误更容易跟踪的部分，以触发它的代码。

就像上面显示的错误一样。为什么它没有传递字符串，而是试图作为SVG传递？我单击了错误上显示的所有链接，但最接近帮助的链接是最后一行，这是调整视口大小时正在执行的功能。

有没有办法让我更容易照亮，是什么导致给定的错误？

---

添加项1：

或类似这样的错误：

为什么不写这行，获取“空目标”，因此开发人员可以使用一些东西。就像说：“代码中的某个地方有一个空目标”。去弄清楚。 ：-/

我知道这是一项艰巨的任务，但我是唯一遇到此问题的人吗？

Answer 1

@Zeth，我想您正在寻找原始地图！它将从编译输出中的行指向源文件中的行。

查看这些以获取更多信息：

• https://webpack.js.org/configuration/devtool/
• https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map