Error: Unknown variable dynamic import: ./icons/user.svg?raw

[Rolanddoda]

Describe the bug

First, open the simple reproduction on Stackblitz. You will see that everything works there. If you run vite build && vite preview though, you will see the error:

Error: Unknown variable dynamic import: ./icons/user.svg?raw

Reproduction

https://stackblitz.com/edit/vitejs-vite-cm8srg?devtoolsheight=33&file=src/components/SvgIcon.vue

System Info

-

Used Package Manager

npm

Logs

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] 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 https://github.com/vuejs/core instead.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[poyoho]

Maybe you can try to use https://vitejs.dev/guide/features.html#glob-import to implement the same feature.

[watonyweng]

I turned on sourcemap option and located the following error

[watonyweng]

stackblitz

[arggh]

I'm getting the same Error: Unknown variable dynamic import with SvelteKit and vite-imagetools. In dev it works as expected, building fails.

const { default: src } = await import(`./${slug}/cover.jpg?width=672`);

[braddialpad]

Getting this as well.