Vite fails to resolve assets from packages when specified as new URL('asset-file-name', import.meta.url) in dev mode

[fs-eire]

Describe the bug

Vite will fail to resolve assets from packages in dev mode, when it's specified as the following format:

new URL('asset-file-name', import.meta.url)

Reproduction

https://github.com/fs-eire/vite-bug-repro-asset-import-meta-url

Steps to reproduce

Please follow the README in the reproduction steps in https://github.com/fs-eire/vite-bug-repro-asset-import-meta-url

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (24) x64 Intel(R) Core(TM) i9-10920X CPU @ 3.50GHz
    Memory: 33.46 GB / 63.72 GB
  Binaries:
    Node: 22.12.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (131.0.2903.70)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    vite: ^6.0.5 => 6.0.11

Used Package Manager

npm

Logs

Please refer to the reproduction repo for more details.

The bug only exists in dev mode. In production mode, it works fine.

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.

[fs-eire]

Possible reason from my investigation:

Considering the code like this:
new URL("test.wasm", import.meta.url)

In dev mode, when a JavaScript file contains such code, the asset-import-meta-url plugin will rewrite the "test.wasm" part into an absolute path.

• This works for JavaScript files in the repo
  (eg. the code from a JavaScript file in /src/a/b/c/x.js will be rewritten as new URL("/src/a/b/c/test.wasm", import.meta.url))
• This does not work for JavaScript files from packages
  (eg. the code from a JavaScript file in /node_modules/test-wasm-library/index.js will be rewritten as new URL("/node_modules/.vite/deps/test.wasm", import.meta.url))

"/node_modules/.vite/deps/test.wasm" does not exist, so the page fails to load. The correct path should be "/node_modules/test-wasm-library/test.wasm"

[hi-ogawa]

Closing as a duplicate of #8427. You may try optimizeDeps.exclude as a workaround.