Question

我在运行时出现在控制台中的错误，但它正在构建，我的linting过程没有问题。

Uncaught SyntaxError: missing ) after argument list
    at Object.<anonymous> (app.js:958)
    at __webpack_require__ (app.js:708)
    at fn (app.js:113)
    at eval (store.js?adc6:1)
    at Object.<anonymous> (app.js:913)
    at __webpack_require__ (app.js:708)
    at fn (app.js:113)
    at eval (router.js?15ee:1)
    at Object.<anonymous> (app.js:1155)
    at __webpack_require__ (app.js:708)

我知道这是我的代码存在的问题，并且任何人都无法告诉我问题出在哪里，但我正在寻找有关如何调试此问题的建议。我已经查看了我最近更改的所有文件，但无法找到错误。

有没有人对查找此错误来源的流程有任何建议，而无需浏览每一行代码？

Answer 1

如果您使用的是vue 2.5 +，则可以实现新的错误处理功能

此处是发行说明的链接：https://gist.github.com/yyx990803/9bdff05e5468a60ced06c29c39114c6b#error-handling-with-errorcaptured-hook

简而言之，您可以将errorCaptured添加到您怀疑会抛出错误的组件

errorCaptured (err, vm, info) {
    this.error = `${err.stack}\n\nfound in ${info} of component`
    return false
}

这可以减少您花在寻找错误上的时间

有关调试Vue运行时错误的提示

1 个答案: