The number of lines that use vite-plugin-style-import to cause debugging to point to errors.

[joker77877]

Chrome's devtool debugger points to wrong locations in source files.

Create new vue-ts project with Vite.

yarn create @vitejs/app my-project --template vue-ts

Add a debugger in source code and run app in Chrome (yarn dev). See breakpoint trigger but pointing at wrong line/location.

In this image, should be pointing at line with debugger;

Repo with reproduction here: https://github.com/joker77877/vite-vue3-sourcemap-issue.git
Run yarn dev and view localhost:3000 in Chrome with devtools open.

[anncwb]

I can't find a solution to this problem temporarily

[joker77877]

The number of wrong rows is related to the number of introduced rows

[anncwb]

I tried to use magic-string to generate sourcemap, but it still doesn’t work

[joker77877]

Is it because the sourcemap has been generated before the dependency is introduced？

[anncwb]

@joker77877 Try to upgrade to 0.8.2

[joker77877]

It doesn't work anymore, there are no load dependencies

[joker77877]

What happened?Version 0.8.1 works well.

[anncwb]

This question was automatically closed just now. 0.8.3 restores the 0.8.2 modification

[joker77877]

OK.Looking forward to your repair.

[anncwb]

@joker77877 Try to upgrade to 0.9.0

[joker77877]

It works.Thanks.

[joker77877]

This problem occurs again when upgrading to the latest version.

[WorkHead]

I occured the same problem, after some research I found that this plugin reads vite config build.sourceMap to determine if it should return sourceMap, see: https://github.com/anncwb/vite-plugin-style-import/blob/80451c1eda1ceee335d8aefaa828c853d7c9a1ea/src/index.ts#L42
And build.sourceMap defaults to false, so this will break the sourceMap by default. Set build.sourceMap to true and everything works fine.

[zzjin]

workaround not works for me. build.sourceMap olny works for production not for dev env.

[WorkHead]

@zzjin try to force restart dev-server. if it still doesn't work, there maybe a problem with another plugin you use.