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

标签 javascript webpack

我现在已经偶然发现它好几次了,我在控制台中收到一个错误,而且我无法在没有疯狂猜测的情况下弄清楚它的来源。比如这里的错误:

JavaScript console error - Webpack

我可以看到有 this NPM-package here在编译时显示更好的 Webpack 错误。但我正在寻找可以更轻松地跟踪控制台中触发错误的代码部分的东西。

就像上面显示的错误。为什么它不传递字符串,而是试图作为 SVG 传递?我点击了错误中显示的所有链接,但最接近帮助的是最后一行,它是调整视口(viewport)大小时正在执行的函数。

有没有一种方法可以让我更轻松地了解导致给定错误的原因?


加法 1:

或者像这样的错误:

cannot tween a null target

为什么不写下获取“空目标”的行,这样开发人员就可以使用一些东西了。这就像在说:“你的代码中某处有一个空目标”。去想办法。 :-/

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

最佳答案

@Zeth,我认为您正在寻找源 map !它将从编译输出中的行指向源文件中的行。

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

关于javascript - 使用 Webpack 编译脚本后控制台中出现更好的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56023389/

相关文章:

CSS 模块如何从另一个文件的选择器级联?

node.js - 由于 jsPDF,Webpack HMR 抛出 React syntheticEvent 错误

node.js - 在 webpack.config.js 中获取当前的 `--mode`

javascript - 如果在 iframe 中加载特定页面,则触发重定向到另一个页面

JavaScript 调用带有数字正则表达式匹配的函数(int)会导致错误

javascript - 如何正确编写递归 jquery promise

css - 创建 SCSS 主题错误

javascript - 语法错误: Unexpected token { when loading node module during jest test

javascript - 检查javascript数组值不为空

javascript - 调整 html 表格列的大小