Error: Unable to preload CSS when using import.meta.glob

[lilnasy]

Astro info

Astro version            v3.0.3
Package manager          npm
Platform                 linux
Architecture             x64
Adapter                  Couldn't determine.
Integrations             auto-import, @astrojs/tailwind, @astrojs/svelte, @astrojs/mdx, @astrojs/preact

What browser are you using?

Chrome

Describe the Bug

There is supposed to be a rendered image in that box.

For some reason, vite attains references to css chunks and tries to manually load them using javascript. Some of these stylesheets were inlined and removed from the bundle. The css loads as expected but javascript code added by vite throws, which prevents user code from executing.

Editing the vite code to not throw is sufficient to prevent this, but hopefully there's a better angle.

What's the expected result?

Link to Minimal Reproducible Example

https://github.com/threlte/threlte/tree/1dfc901/apps/docs

Participation

• I am willing to submit a pull request for this issue.

[Matb85]

Hi, I've encountered a similar issue
In dev mode everything works fine but after building, astro throws 404 errors while trying to dynamically import a svelte component with CSS.

Any ideas on how to solve this?

[lilnasy]

Hi, @Matb85. Sorry you're running into this issue. I opened a PR for a fix, but for now you can set build.inlineStylesheets: "never" in your config.