Build Error Could not resolve './{}.js' from node_modules/@sentry/utils/esm/index.js vuejs

[ZohaibHunzai]

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/vue

SDK Version

"@sentry/utils": "^7.14.1"

Framework Version

"vue": "^3.2.20",

Link to Sentry event

No response

Steps to Reproduce

Buiild Error Could not resolve './{}.js' from node_modules/@sentry/utils/esm/index.js
error during build:
Error: Could not resolve './{}.js' from node_modules/@sentry/utils/esm/index.js

Expected Result

Actual Result

[lobsterkatie]

Hi, @ZohaibHunzai.

Thanks for writing in. That is very strange. If you actually go look at that file in the published npm package, you'll see that ./{}.js doesn't appear anywhere in it. Would you be able to provide a minimal repro?

[lforst]

#5773 mentions the exact same problem also using vite 🤔

[lobsterkatie]

Looks like this might be this: vitejs/vite#9720

@ZohaibHunzai - are you using the define option in your vite config?

[AbhiPrasad]

Perhaps this helps: #4473 (comment)?

[lobsterkatie]

Perhaps this helps: #4473 (comment)?

Nice!

So that makes 3 separate reports (at least). I wonder if we should add a troubleshooting entry to our docs, at least for the platforms that use vite under the hood. (I mean, I know this is not really on us - it's really a vite issue, which could affect any library - but still. Wouldn't be that hard to point them to https://vitejs.dev/config/shared-options.html#define, with its big yellow warning.)

[AbhiPrasad]

Yeah good idea, we should add this to troubleshooting

[lforst]

I think I've mentioned this before but we could also rename the local const global we sometimes have to something a little bit less conflicting with the actual global global.

[AbhiPrasad]

Opened getsentry/sentry-docs#5616 as a docs PR

[henrikbjorn]

Would it be possible to change the name of the global.js file instead?

We are using Faye (WebSocket library) that needs global: 'window' otherwise it won't work.