Vue CLI 3 with Sentry - How to use Vue's config.errorHandler?
How can I use Vue's config.errorHandler in combination with Sentry for Vue?
I want to catch the errors in addition to Sentry in the app but as soon as I implement the config.errorHandler I overwrite the Sentry implementation.
main.js:
import * as Sentry from "@sentry/browser";
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
// This prevents sentry from being used
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
javascript vue.js error-handling sentry
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
add a comment |
How can I use Vue's config.errorHandler in combination with Sentry for Vue?
I want to catch the errors in addition to Sentry in the app but as soon as I implement the config.errorHandler I overwrite the Sentry implementation.
main.js:
import * as Sentry from "@sentry/browser";
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
// This prevents sentry from being used
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
javascript vue.js error-handling sentry
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
Have you tried throwing an error at the end oferrorHandlerafter custom code?throw msg, in your case.
– aBiscuit
Nov 14 '18 at 12:42
@aBiscuit Yes, same result.
– C-Jay
Nov 14 '18 at 18:49
add a comment |
How can I use Vue's config.errorHandler in combination with Sentry for Vue?
I want to catch the errors in addition to Sentry in the app but as soon as I implement the config.errorHandler I overwrite the Sentry implementation.
main.js:
import * as Sentry from "@sentry/browser";
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
// This prevents sentry from being used
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
javascript vue.js error-handling sentry
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
How can I use Vue's config.errorHandler in combination with Sentry for Vue?
I want to catch the errors in addition to Sentry in the app but as soon as I implement the config.errorHandler I overwrite the Sentry implementation.
main.js:
import * as Sentry from "@sentry/browser";
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
// This prevents sentry from being used
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
javascript vue.js error-handling sentry
javascript vue.js error-handling sentry
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
asked Nov 14 '18 at 12:15
C-JayC-Jay
51214
51214
Have you tried throwing an error at the end oferrorHandlerafter custom code?throw msg, in your case.
– aBiscuit
Nov 14 '18 at 12:42
@aBiscuit Yes, same result.
– C-Jay
Nov 14 '18 at 18:49
add a comment |
Have you tried throwing an error at the end oferrorHandlerafter custom code?throw msg, in your case.
– aBiscuit
Nov 14 '18 at 12:42
@aBiscuit Yes, same result.
– C-Jay
Nov 14 '18 at 18:49
Have you tried throwing an error at the end of
errorHandler after custom code? throw msg, in your case.– aBiscuit
Nov 14 '18 at 12:42
Have you tried throwing an error at the end of
errorHandler after custom code? throw msg, in your case.– aBiscuit
Nov 14 '18 at 12:42
@aBiscuit Yes, same result.
– C-Jay
Nov 14 '18 at 18:49
@aBiscuit Yes, same result.
– C-Jay
Nov 14 '18 at 18:49
add a comment |
1 Answer
1
active
oldest
votes
When Sentry overwrites Vue.config.errorHandler, it saves the reference to previously declared errorHandler and invokes it after error has been handled by Sentry. source
In such scenario, declaring custom errorHandler should be done before Vue constructor has been passed to new Sentry.Integrations.Vue({ Vue }).
For code example above, simply switching order of custom errorHandler and Sentry.init() should resolve the issue.
import * as Sentry from "@sentry/browser";
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53300040%2fvue-cli-3-with-sentry-how-to-use-vues-config-errorhandler%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
When Sentry overwrites Vue.config.errorHandler, it saves the reference to previously declared errorHandler and invokes it after error has been handled by Sentry. source
In such scenario, declaring custom errorHandler should be done before Vue constructor has been passed to new Sentry.Integrations.Vue({ Vue }).
For code example above, simply switching order of custom errorHandler and Sentry.init() should resolve the issue.
import * as Sentry from "@sentry/browser";
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
add a comment |
When Sentry overwrites Vue.config.errorHandler, it saves the reference to previously declared errorHandler and invokes it after error has been handled by Sentry. source
In such scenario, declaring custom errorHandler should be done before Vue constructor has been passed to new Sentry.Integrations.Vue({ Vue }).
For code example above, simply switching order of custom errorHandler and Sentry.init() should resolve the issue.
import * as Sentry from "@sentry/browser";
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
add a comment |
When Sentry overwrites Vue.config.errorHandler, it saves the reference to previously declared errorHandler and invokes it after error has been handled by Sentry. source
In such scenario, declaring custom errorHandler should be done before Vue constructor has been passed to new Sentry.Integrations.Vue({ Vue }).
For code example above, simply switching order of custom errorHandler and Sentry.init() should resolve the issue.
import * as Sentry from "@sentry/browser";
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
When Sentry overwrites Vue.config.errorHandler, it saves the reference to previously declared errorHandler and invokes it after error has been handled by Sentry. source
In such scenario, declaring custom errorHandler should be done before Vue constructor has been passed to new Sentry.Integrations.Vue({ Vue }).
For code example above, simply switching order of custom errorHandler and Sentry.init() should resolve the issue.
import * as Sentry from "@sentry/browser";
Vue.config.errorHandler = (msg, vm , info) => {
alert(info)
}
Sentry.init({
dsn: "my dsn",
integrations: [new Sentry.Integrations.Vue({ Vue })]
});
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
answered Nov 14 '18 at 19:16
aBiscuitaBiscuit
1,4431614
1,4431614
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53300040%2fvue-cli-3-with-sentry-how-to-use-vues-config-errorhandler%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Have you tried throwing an error at the end of
errorHandlerafter custom code?throw msg, in your case.– aBiscuit
Nov 14 '18 at 12:42
@aBiscuit Yes, same result.
– C-Jay
Nov 14 '18 at 18:49