Bundle.tracing.min.js cannot capture exceptions in CDN Lazy-Loading (Sentry.onLoad(()=> Sentry.init({})))

[huanghairong2312]

I use Sentry in CDN Lazy-Loading. The javascipt exception on the page cannot be capture by window.oneerror.
the loaded bundle.tracing.min.js file is "https://browser.sentry-cdn.com/6.18.2/bundle.tracing.min.js".

example code (Sentry cannot report javascipt exception logs)

<script src="https://js.sentry-cdn.com/41d8b7c4a6724*******.loader.min.js" crossorigin="anonymous"></script>
<script>
throw new Error('error test1')
</script>
<script>
  Sentry.onLoad(function() { 
        Sentry.init({
               release: "[email protected]",
               dsn: "https://41d8b7c4a6724*******@xxxxxxxxx/sentry/report/13",
               integrations: [new Sentry.BrowserTracing()], 
               tracesSampleRate: 1.0
         })
 });
</script>
<script>
setTimeout(function () {
   throw new Error('error test2')
 },5000)
</script>

I tracked the code and found the following problem.

The reason is "GlobalHandlersIntegrations" was initially executed twice in loader "bundle.tracing.min.js" file.

1.1 first step

The "addExtensionMethods" method is automatically executed after "tracing.bundle.min.js" downloaded.

1.2 second step

When the loader.min.js file code "_newScriptTag. addEventListener ('load ', ()=>{})" is executed, window.oneerror is reassigned.

that "_oldOnerror" is null.

1.3 third step

Call the Sentry.init method

1.4 but the window.onerror is null (by 1.2 step second)

[AbhiPrasad]

Hey @huanghairong2312 - currently the async loader is only supported for error monitoring bundles. Performance monitoring cannot be lazy loaded. Please stay tuned, we are working on addressing this!

[zengzuo613]

Does the async loader now support performance monitoring?

[AbhiPrasad]

The loader script now supports performance monitoring and session replay!

[zengzuo613]

Thanks @AbhiPrasad ! I am huanghairong2312's teammate. I deploy the lastest version(23.2.0) of sentry use docker-compose，According to sentry Using the Loader configuration , I get the following configuration:

Open the above Lazy-Loading js and get the following error content:

function _sentry_noopWarning() {
  console.warn("The Sentry loader you are trying to use isn't working anymore, check your configuration.");
}
var Sentry = {
    addBreadcrumb: _sentry_noopWarning,
    captureEvent: _sentry_noopWarning,
    captureException: _sentry_noopWarning,
    captureMessage: _sentry_noopWarning,
    configureScope: _sentry_noopWarning,
    forceLoad: _sentry_noopWarning,
    init: _sentry_noopWarning,
    onLoad: _sentry_noopWarning,
    showReportDialog: _sentry_noopWarning,
    withScope: _sentry_noopWarning,
};
_sentry_noopWarning();

To solve the above problem，I add the following configuration at (sentry/self-hosted-23.2.0/sentry/sentry.conf.py) according to Sentry JS lazily-loadable loader doesn't work

JS_SDK_LOADER_DEFAULT_SDK_URL = "https://browser.sentry-cdn.com/%s/bundle.tracing.min.js"

After that, lazy load js was opened successfully,It uses bundle.tracing.min.js：

---

My question : as before, Lazy-Loading does not support performance monitoring. can i understand JS_SDK_LOADER_DEFAULT_SDK_The URL should be configured as bundle.min.js?

JS_SDK_LOADER_DEFAULT_SDK_URL = "https://browser.sentry-cdn.com/%s/bundle.min.js"

So Lazy-Loading js loads bundle.min.js.

[AbhiPrasad]

My question : as before, Lazy-Loading does not support performance monitoring. can i understand JS_SDK_LOADER_DEFAULT_SDK_The URL should be configured as bundle.min.js?

yes you should configure it to use bundle.min.js!