Vue 런타임 오류 디버깅에 대한 팁

Vue 런타임 오류 디버깅에 대한 팁

런타임에 콘솔에 오류가 표시되지만 빌드 중이고 보풀 제거 프로세스에는 문제가 없습니다.

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)

이것은 코드의 문제이며, 문제의 위치를 다른 사람이 알려줄 수 없다는 것을 알고 있습니다만, 디버깅 방법에 대해 조언을 구하고 있습니다.최근에 변경한 파일을 모두 살펴봤는데 오류를 찾을 수가 없어요.

이 에러의 원인을 특정하기 위한 프로세스에 대해 코드 전체를 트래핑하지 않고 제안할 수 있는 사람이 있습니까?

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
}

이렇게 하면 오류를 찾는 데 걸리는 시간을 줄일 수 있습니다.

언급URL : https://stackoverflow.com/questions/47128014/tips-on-debugging-vue-runtime-error