playground error with firefox
Vue version
3
Link to minimal reproduction
Steps to reproduce
- open the URL with firefox. ( https://sfc.vuejs.org/ )
- see the right bottom. error shows.
What is expected?
no error shows.
What is actually happening?
error shows.
System Info
System:
OS: macOS 12.4
CPU: (8) arm64 Apple M1 Pro
Memory: 3.02 GB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 18.4.0 - ~/.nvm/versions/node/v18.4.0/bin/node
npm: 8.12.1 - ~/.nvm/versions/node/v18.4.0/bin/npm
Browsers:
Chrome: 102.0.5005.115
Firefox: 101.0.1
Safari: 15.5
Any additional comments?
No response
I just noticed it's not reproduced in another machine. M1 mac has some issue?
System: OS: macOS 12.4 CPU: (4) x64 Intel(R) Core(TM) i3-8100B CPU @ 3.60GHz Memory: 62.87 MB / 8.00 GB Shell: 5.8.1 - /bin/zsh Binaries: Node: 16.9.1 - ~/.nvm/versions/node/v16.9.1/bin/node npm: 7.21.1 - ~/.nvm/versions/node/v16.9.1/bin/npm Browsers: Chrome: 102.0.5005.115 Firefox: 101.0.1 Safari: 15.5
This is a known issue, because
- Firefox doesn't support import maps yet (currently behind a flag in 102+)
- We use es-module-shims to shim import map support
es-module-shims
tests native support first which throws the error (expected and doesn't affect usage)- We try to hide the error by detecting its message, but only in English
- The error is shown when the browser throws non-English error messages.
So:
- The error doesn't affect usage
- It should automatically be gone once Firefox natively support import maps