build Error：Could not resolve './use-prevent-globalThis' from ./use-prevent-globalThis?commonjs-external

[BG7ZAG]

Environment

---

• Operating System: Linux
• Node Version: v14.18.0
• Nuxt Version: 3-3.0.0-27235989.d52b1e8
• Package Manager: Yarn
• Bundler: Vite
• User Config: meta, alias, css, vite
• Runtime Modules: -
• Build Modules: -

---

Describe the bug

build error
Could not resolve './use-prevent-globalThis' from ./use-prevent-globalThis?commonjs-external

Reproduction

https://github.com/element-plus/element-plus-nuxt-starter
这个项目在我这边build也报同样错误

Additional context

No response

Logs

No response

[keithchin]

Same issue here.

[YunYouJun]

Nuxt build seems add -globalThis for use-prevent.

[andoshin11]

Found out it's caused by Vite & Element Plus.

As described in here, Vite does try to convert a word global into globalThis, thus it affects a critical import statement inside Element Plus show below.

https://github.com/element-plus/element-plus/blob/66043aa3b56ecdf2f19b03c463d081800cd51c35/packages/hooks/index.ts#L9

[danielroe]

closing in favour of nuxt/bridge#204

[nachtfunke]

Found out it's caused by Vite & Element Plus.

As described in here, Vite does try to convert a word global into globalThis, thus it affects a critical import statement inside Element Plus show below.

https://github.com/element-plus/element-plus/blob/66043aa3b56ecdf2f19b03c463d081800cd51c35/packages/hooks/index.ts#L9

Does that mean, renaming the file in question to anything but "global" might fix the issue? I have the same issue, but with a sass file.

[danielroe]

@nachtfunke Yes, exactly. 👍