Vite: SCSS Styles doesn't preload in dev

[proskurindima]

Describe the bug and expected behavior

When I use SCSS, styles doesn't preload.
You can see it in codeSanbox

The same problem appears in my local environment.

Steps to reproduce

Steps to reproduce the behavior:

1. Add node-sass, sass and sass-loader packages in your package.json
2. Add some styles in <style> tag with attr lang="scss". For example:

<style lang="scss">
.test {
  font-size: 24px;
  font-family: sans-serif;
}
</style>

3. Reload page
4. See, that styles doesn't preload

Additional context

I've reproduced this error in codeSanbox.

[antfu]

The same problem mentioned in nuxt/vite#220

[proskurindima]

@antfu
This error also occurs when I use the Webpack
And in production mode too(

[qmzik]

I tested it in production mode with Vite, it works fine, it occurs only in dev mode

[antfu]

@antfu This error also occurs when I use the Webpack And in production mode too(

For Webpack, please open another issue with details for us to track, thanks.

[antfu]

I tested it in production mode with Vite, it works fine, it occurs only in dev mode

Yes this only happens on dev ssr, fix is here nuxt/framework#916

[proskurindima]

@antfu This error also occurs when I use the Webpack And in production mode too(

For Webpack, please open another issue with details for us to track, thanks.

I've opened another issue. This is the same problem with identical config, except disabled vite in nuxt.config file

[antfu]

Fixed in nuxt/framework#1101