使用由vue-cli v4(生成一个Vue 3项目)生成的vue.config.js文件,它提供给我这个文件:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
})
我将其修改为以下内容:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
configureWebpack: {
devtool: 'source-map',
}
})
这对我来说足够使VSCode在Chrome/Electron中启用调试。
*编辑
您收到的错误可能与源映射无关,而与vue本身的警告相关。
例如
runtime-core.esm-bundler.js:6584
[Vue warn]: Failed to resolve component: AMadeUpComponentName
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <MyView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< null > >
at <RouterView>
at <App>
很遗憾,这是Vue的一个限制。但是,VueJS v2和v3之间已经进行了改进。最后,我找不到原始来源,但我读到提高警告消息来追踪警告和错误的原因是一项高优先级的功能。
* 2022年10月12日编辑
我有一个更旧的项目,这个答案根本没有解决。在yarn upgrade
和@vue/cli
升级后,这个配置再次开始工作了!