Browser lib contains variable "chrome" that conflicts with the global "chrome" variable

[wesleyyee]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which package are you using?

@sentry/browser

SDK Version

7.31.1

Framework Version

No response

Link to Sentry event

No response

SDK Setup

import * as Sentry from '@sentry/browser';
import { BrowserTracing } from '@sentry/tracing';

Sentry.init({
dsn: SENTRY_DSN,
integrations: [new BrowserTracing()],

// Set tracesSampleRate to 1.0 to capture 100%
// of transactions for performance monitoring.
// We recommend adjusting this value in production
tracesSampleRate: isProduction ? 0.5 : 1.0,
});

Steps to Reproduce

• Import sentry into script
• Load script in browser

Expected Result

No conflicting variable

Actual Result

Uncaught SyntaxError: Identifier 'chrome' has already been declared

[AbhiPrasad]

Hey @wesleyyee, thanks for writing in. I tried to reproduce this, but was unable to: https://codesandbox.io/s/global-chrome-variable-config-jpu1bm?file=/src/index.js. Could you give some details about how you are bundling you application, and what your bundler config looks like?

It would be great if you could provide a reproduction of this issue to help us debug further.

[wesleyyee]

Thanks @AbhiPrasad we are using rollup to bundle and the config looks like

export default {
  input: 'barcart/index.js',
  output: {
    file: 'barcart/dist/barcart.js',
    format: 'es',
  },
  plugins: [nodeResolve({ browser: true })],
};

[wesleyyee]

this seems to be the variable that collides with the global chrome object
https://github.com/getsentry/sentry-javascript/blob/master/packages/browser/src/stack-parsers.ts#L37

[AbhiPrasad]

The chrome declaration is not being exported, so I don't know how it ends up in your final bundle since the bundler should be isolating it to it's own lexical scope. I think there is something weird happening with your final bundle that gets generated, maybe it's something to do with nodeResolve?

Maybe you have to dedupe your sentry imports if there are duplicates appearing?

From looking around I can only see SAP/ui5-webcomponents#4978 which hit a similar problem (also with rollup).

Do you know what else in your app could be declaring a global chrome object? If you can probably find this by searching through your final generated bundle.

[github-actions]

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

---

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

[dmajkic]

Could you please review link from @wesleyyee where chrome: is defined. We also had issue with Vite option that disables identifier minification that raised "chrome" conflict with global chrome variable

[mydea]

This link: https://github.com/getsentry/sentry-javascript/blob/master/packages/browser/src/stack-parsers.ts#L37 does not lead to anything chrome related anymore. If you're still seeing an issue, could you open a new issue with as much info as possible, so we can take a look at reproducing/fixing the issue? thank you!