Failed CSS preloads shouldn't throw errors

[hecktarzuli]

Describe the feature

Currently in Nuxt 3 if a browser cannot load a CSS file that's loaded via JS it throws an error and the error page is shown.

Error Unable to preload CSS for https://realtruck.com/_nuxt/index-CtQoRL55.css

This page has a scoped style that's included in the page.

I don't know if this issue is just for page CSS files or what, but I can say that failure to load CSS files should not throw errors. The browser is able to render a page with missing assets (CSS, images, etc..) this should be no different.

Rendering a page, even with some CSS missing is better than showing the error page.

Additional information

• Would you be willing to help implement this feature?
• Could this feature be implemented as a module?

Final checks

• Read the contribution guide.
• Check existing discussions and issues.

[github-actions]

Would you be able to provide a reproduction? 🙏

More info

Why do I need to provide a reproduction?

Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.

What will happen?

If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritize it based on its severity and how many people we think it might affect.

If needs reproduction labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.

How can I create a reproduction?

We have a couple of templates for starting with a minimal reproduction:

👉 https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz
👉 https://codesandbox.io/s/github/nuxt/starter/v3-codesandbox

A public GitHub repository is also perfect. 👌

Please ensure that the reproduction is as minimal as possible. See more details in our guide.

You might also find these other articles interesting and/or helpful:

• The Importance of Reproductions
• How to Generate a Minimal, Complete, and Verifiable Example

[hecktarzuli]

Stackblitz doesn't seem to trigger the error page quite like our project, but I was able to reproduce a very basic POC using 1 known method to trigger the error. (importing a CSS file into a component/page)

https://stackblitz.com/edit/github-wg3yu6-s33o9j