Source missing in chrome when debugging

[Citriik]

Hello,

I'm using the latest version (2.0.0) of this package and when I try to debug something in chrome (it works in Firefox), the script and template section are missing in the source tab :(

After some testing I figured out that if I change the style block to CSS instead of using a preprocessor then it works.
Here is a minimal repro: https://github.com/Citriik/-vite-plugin-vue2-debug-error

Thanks.

[Dams591]

Facing the same issue here ! Any idea ?

[Citriik]

I found something weird, if you install the package unplugin-vue-components and add it to the plugins in the vite.config.js it fixes the issue.

plugins: [
  createVuePlugin(),
  Components({
    dirs: [],
  }),
];

[zen-liutao]

I met the same issue. I found the inline soucemap is wrong. I generated the \n\n\n.....\n. I found a way to solve the problem in chrome. Just diable the js souce map option.

[bobohuochai]

I met the same issue...

[Mr-xzq]

I meet the same issue...

[ZTjack]

I met the same issue... Wish a fix

[BenceSzalai]

Same was raised with Vite. It turned out to be an issue with this plugin, but a workaround was put in place. However that may carry other issues too imho, but will see. Meanwhile a'm here to add a meaningful link between these two:
Issue: vitejs/vite#9830
Workaround fix: vitejs/vite#9914