Vue3, Router4 problem when using externals

[juliusfriedman]

Describe the bug

only displays html comment vnode where router import should be.

Reproduction

https://github.com/juliusfriedman/vue-project

Steps to reproduce

Just run and build project in production mode (debug mode doesn't have the issue)

System Info

All systems but only when externalizing all depencies in production mode, if I run in debug or if I remove the externalization for vue-router everything works as expected, if I instead try to internalize vue and externalize vue-router other strange issues occur.

Used Package Manager

npm

Logs

No error in console etc.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

I originally made this issue in VueJs/Router -> here but it was converted into a discussion with no answer....

See also my question about this same problem on StackOverflow

Thanks in advance for your help!

If you require any additional information please let me know and I will provide ASAP!

One other question I had was how to enable the use of externals while debugging it doesn't seem supported in vite currently... #6582

I also notice that if I set resolve.alias to the same values I use in rollupOptions.output.paths that the bundles seem to resolve from the CDN and in debug mode I FINALLY get the same blank page I get in prod mode....

[sapphi-red]

I don't find any bug by Vite in your reproduction.

I see https://cdn.jsdelivr.net/npm/vue-router@%5E4.3.3/+esm importing https://cdn.jsdelivr.net/npm/vue@%5E3.4.29/+esm which is different from what you use (https://cdn.jsdelivr.net/npm/[email protected]/+esm). Mixing two versions of Vue would cause problems.

[juliusfriedman]

Wil investigate and see, I assumed this was CDN related but even when I lock packages it seems the ESM version imports multiple versions of Vue.

Thanks for your help!