Warnings when using auto importer

Hopefully this is the right place. I’m having some issues getting the auto importer to work correctly and/or without warnings on sveltekit. I’ve made an example repository here: https://github.com/RickMeijer/sveltekit_auto-import

• When visiting localhost:3000 you’ll see an error about a module not being found which makes sense, since I used the wrong syntax. Fixed now.
• When visiting localhost:3000/foo you’ll see the same icon. A warning appears in the console (and during build), which might be or not be related to the problem. Preferably I won’t have a warning at all.

What am I overlooking? I think I’ve pieced the installation instructions together properly, so I’m not sure what’s going on.

[userquin]

@SarcevicAntonio @ogrotten you can use preset-icons from unocss, you don’t need more sfc for your icons, the icons will go to your css

[userquin]

@RickMeijer it shouldn’t work, but it works, the problem is the svelte/sveltekit internals: we have 2 plugin, unplugin-icons and vite-plugin-svelte, both with pre, then we have a few other vite internal plugins and finally the unplugin-auto-import plugin with post.

The warning comes from vite-plugin-svelte because the unplugin-auto-import is applied after it (the transformation) and so vite-plugin-svelte don’t see the import that unplugin-auto-import will add later.

I have added esm support to vite-unplugin-inspect (only on my local, the PR is ready to review on the repo), you can see the result here (you can see on the video the plugins and the order applied): https://imgur.com/dz2iLGb

I’m talking with svelte experts to figure out how we can remove the warning, but it would be hard or not possible.