Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vite plugins (transforms) not run in SSR

See original GitHub issue

Environment

Operating System: Darwin
Node Version: v16.14.0
Nuxt Version: 3.0.0-rc.8-27673198.b4bea51
Package Manager: yarn@1.22.17
Builder: vite
User Config: -
Runtime Modules: -
Build Modules: -

Reproduction

https://stackblitz.com/edit/nuxt-starter-cmbd9g

Describe the bug

Seems like Vite transforms are not run in SSR in development mode, leading to a blink on these transforms while developing / booting the server.

Additional context

Not sure about transforms outside of Vue SFCs, but this one specifically occurs in <style> templates of Vue components which might (maybe?) receive a different treatment?

Logs

No response

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

pi0commented, Aug 13, 2022

/cc @antfu maybe we could introduce some transformInclude presets or utility from unplugin to make it standard?

1reaction

pi0commented, Aug 13, 2022

Regex /\?vue&type=style/ in tranaformInclude was not covering all cases. Some server transform ids look like this:

!! /Users/pooya/tmp/nuxt-starter-cmbd9g/app.vue?direct&vue&type=style&index=0&lang.css                                                      
!! /Users/pooya/tmp/nuxt-starter-cmbd9g/app.vue?direct&vue&type=style&index=1&scoped=938b83b0&lang.css

Simply changing to /vue&type=style/ fixes issue but I would suggest using ufo parser.