Vue integration generates a ton of errors about a tracing feature being enabled & misconfigured
See original GitHub issue- Review the documentation: https://docs.sentry.io/
- Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
- Use the latest release: https://github.com/getsentry/sentry-javascript/releases
- Provide a link to the affected event from your Sentry account
Package + Version
-
@sentry/browser
-
@sentry/node
-
raven-js
-
raven-node
(raven for node) - other:
Version:
$ yarn list --pattern @sentry
yarn list v1.22.4
├─ @sentry/browser@5.17.0
├─ @sentry/core@5.17.0
├─ @sentry/hub@5.17.0
├─ @sentry/integrations@5.17.0
├─ @sentry/minimal@5.17.0
├─ @sentry/types@5.17.0
└─ @sentry/utils@5.17.0
Description
I’ve had sentry configured on a bunch of frontend javascript apps. These apps use vue
for rendering. Because of this, I have enabled the vue
integration for sentry.
Recently, the vue
integration has started spamming our dev consoles with errors with the following message: Sentry Logger [Error]: Vue integration has tracing enabled, but Tracing integration is not configured
. In one of my apps, I have 49 of those messages show up every time I load the app.
This is super noisy and annoying. It makes the dev console pretty hard to use as you have to scroll through a bunch of noisy errors to find what you’re looking for.
The error message itself is rather intriguing. It states that “tracing” is enabled. I’ve never enabled such a feature and when I look at the documentation, I see no mention of that feature. My sentry config is:
import * as Sentry from '@sentry/browser';
import * as SentryIntegrations from '@sentry/integrations';
import Vue from 'vue';
main();
function main () {
const sentryEnv = process.env.SENTRY_ENV;
Sentry.init({
debug: sentryEnv !== 'production',
dsn: 'REDACTED',
environment: sentryEnv,
release: process.env.CI_COMMIT_TAG,
ignoreErrors: [
/Blocked a frame with origin.*(staticxx\.facebook\.com|secure\.livechatinc\.com)/
],
ignoreUrls: [
/phantomjs:\/\//,
/\/\w{8}-\w{4}-\w{4}-\w{4}-\w{12}\/main\.js/
],
integrations: [
new SentryIntegrations.Vue({ Vue, logErrors: true })
]
});
}
As you can see, there’s no mention of tracing anywhere in there.
I’ve done some digging and it seems like tracing is this new sentry feature that’s being implemented / integrated. The PR for the vue integration is https://github.com/getsentry/sentry-javascript/pull/2571
From the code I can see that there’s a new tracing
option for the vue
integration that defaults to true
:
Adding new features & enabling them by default is fine. I don’t like that it “breaks” existing configurations of sentry. Technically speaking, it’s not broken, everything seems to work fine. The feature seems to be compatible and seems to fail gracefully when the Tracing
integration is missing. The problem is that the errors tell me that something is very broken when in reality everything is probably fine.
I would like for sentry to stop generating these noisy errors.
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (3 by maintainers)
Top GitHub Comments
Hi @kamilogorek! Also seeing an issue with the
BrowserTracing()
integration, even with a relatively basic config:and similar to @jlabresh1, I’m seeing the following error:
Closing the issue, as it seems like the original issue has been partially resolved or there is a working solution. I’d prefer someone to create a new issue with a fresh description if it’s still an issue. Please do not hesitate to ping me if it is still relevant, and I will happily reopen and work on it. Cheers!