Import asset url from node module

[bwindels]

I'm trying to get the url of an asset in a node module. I'm using ?url for this, but import path from "some-module/asset.html?url"; gives me Missing "./asset.html?url" export in "some-module" package, indicating that the vite plugin didn't trim the ?url postfix when looking for the file. I'm also publishing some-module myself here and I've tried to explicitly list the asset filename in the exports of the package.json of the module, to no avail. Is there any way to include assets into a vite build from a dependency?

The package.json of some-module contains something like this:

{
  "exports": {
    "./asset.html": "./asset.html",
  }
}

I assume I'm doing something wrong as the example in the guide for ?url is exactly for this usecase: an asset included from a dependency.

Any asset that does not require explicitly importing it as a url does work, like CSS files.

Any help would be very much appreciated!

[bwindels]

I think I've found the cause for this. Vite doesn't seem to support ?url properly if the package from which we import an asset has exports in its package.json. Will look for an issue and report if I can't find one.

[MadLittleMods]

For related issues, I found #6725 which just had a fix #7073 (literally 2 days ago) and isn't in a Vite release yet. But it only seems to solve the problem for *.js?url and *.json?url.

I played around with that fix and it still doesn't fix the situation for *.html?url or non-ESM .js?url imports, see #7097

This problem is also being tracked separately in the project where we are using Vite, element-hq/hydrogen-web#686

[mattgodbolt]

I'm seeing this too; trying to include web workers that are defined in a node_module package. These are also .js but I include a file in the package that itself then includes the worked as ./worker.js?url, and that fails with:

✘ [ERROR] No matching export in "node_modules/jsbeeb/src/web/audio-renderer.js?url" for import "default"

    node_modules/jsbeeb/src/web/audio-handler.js:1:7:
      1 │ import rendererUrl from "./audio-renderer.js?url";
        ╵        ~~~~~~~~~~~

✘ [ERROR] No matching export in "node_modules/jsbeeb/src/music5000-worklet.js?url" for import "default"

    node_modules/jsbeeb/src/web/audio-handler.js:2:7:
      2 │ import music500WorkletUrl from "../music5000-worklet.js?url";
        ╵        ~~~~~~~~~~~~~~~~~~

/home/matthew/dev/owlet-editor/node_modules/esbuild/lib/main.js:1477
  let error = new Error(text);
              ^

Error: Build failed with 2 errors:
node_modules/jsbeeb/src/web/audio-handler.js:1:7: ERROR: No matching export in "node_modules/jsbeeb/src/web/audio-renderer.js?url" for import "default"
node_modules/jsbeeb/src/web/audio-handler.js:2:7: ERROR: No matching export in "node_modules/jsbeeb/src/music5000-worklet.js?url" for import "default"

... which seems related. I'm not quite sure what I'm doing wrong :)