Can you import @sentry/svelte like this?

[AbhiPrasad]

Discussed in #6791

^{Originally posted by alexbjorlig January 16, 2023}
Trying to migrate @sentry/browser to @sentry/svelte in my approach to support Sveltekit.

However if I import like this:

import { configureScope } from '@sentry/svelte';

I get an error?

SyntaxError: Named export 'configureScope' not found. The requested module '@sentry/svelte' is a CommonJS module, which may not support all module.exports as named exports

Is @sentry/svelte really a CommonJS module ?

[AbhiPrasad]

@alexbjorlig tried digging into this more, but couldn't get anywhere. Could you provide any kind of reproduction to help us here? Or give some details about your bundling setup?

One possible issue could be that you're trying to import client-side code on the server. Where are you calling configureScope? If it's on the server-side, you'll have to use @sentry/node (or similar) instead of @sentry/svelte.

[alexbjorlig]

I tried to reproduce - but no luck 😞 Let's just close for now...

[Lms24]

Just for future reference: @sentry/svelte is meant for the client-side only. If you're using SvelteKit, please check that you're only using this package on the client-side. For the server-side, @sentry/node works quite well with some manual instrumentation: #5838 (comment)

Also, we're planning on improving SvelteKit support soon (#6692).

As suggested, I'm gonna go ahead and close this issue. Let us know if you encounter it again :)

[jerriclynsjohn]

@Lms24 Also to be noted that @sentry/node will not work on Cloudflare Worker, so instead use toucan-js. Just for anyone who is using @sveltejs/adapter-cloudflare instead of node.