2017-02-17 14 views
6

Я создаю webapp и пытаюсь захватить все ошибки, выброшенные в любом месте vue.js webapp.Как захватить все ошибки, возникшие в Vue.JS SPA

Я смотрел на errorHandler но только фиксирует ошибку во время визуализации или наблюдателей, как указано:

Назначение обработчика для неперехваченными ошибок во время компонента визуализации и наблюдателей. Обработчик вызывается с ошибкой и экземпляром Vue.

Получение реплику от этого question, я написал следующий код:

window.onerror = function (errorMsg, url, lineNumber, column, errorObj) { 
console.log('Inside window.onerror') 
console.log(errorMsg, ' ', url, ' ', lineNumber, ' ', column, ' ', errorObj) 
return false 
} 

window.addEventListener('error', function (e) { 
console.log('Inside error Listener', e.message) 
}) 

Выше и вызывается, но я не какие-либо детали ошибок с этим. во всех случаях я получаю errorMessage, как script error

Что может быть лучшим способом получить информацию обо всех ошибок и отправить его в какое-то централизованное месте, как sentry.

+0

Вы видели log4javascript? Это может удовлетворить ваши потребности. – AldoRomo88

+0

Иметь такую ​​же проблему. Но я ничего не понимаю в консоли. Я нашел этот ответ в stackoverflow, это о будущем, но как это может быть, это поможет. [unhandledrejection event listener] (https://stackoverflow.com/questions/31472439/catch-all-unhandled-javascript-promise-rejections) – Crashh

ответ

1

Вы упомянули Sentry в своем ответе, и если ваша цель заключается в регистрации ошибок, все, что вам нужно добавить, это Raven.js и плагин Vue.

Sentry есть документация на этом здесь: https://docs.sentry.io/clients/javascript/integrations/vue/