How are you? Plz ensure that your Webpack configuration accurately reflects the loader settings for both JavaScript and TypeScript files. You may need to configure vue-loader and ts-loader properly to handle .vue files containing TypeScript. you can ensure that the mappings are correct and that they point back to the correct *.vue files by using the browser's developer tools to inspect the generated source maps , By ensuring that your loaders are configured correctly, simplifying your logic, and possibly using additional source map loaders, you should be able to improve your debugging experience for Vue components, whether they are written in JavaScript or TypeScript. Make sure to test each change to observe how it affects your source maps in practice. Happy coding!