Vue 项目中断点没有跳转到指定源码的问题

将配置中 devtool 改为以下即可。

devtool: 'source-map'

如果是在 vue-cli 2.x ，那么就在 webpack.dev.config.js 中

如果是 vue-cli 3.x ，那么就在 vue.config.js 的 configureWebpack 加入

// webpack 配置
configureWebpack: (config) => {
    // 环境变量
    config.resolve = {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            '@': resolve('src'),
        },
    }

    // 开启 source-map 方便调试
    if (process.env.NODE_ENV === 'development') {
        config.devtool = 'source-map'
    }
},

比如下面这两张图。第一张是没有加入 source-map 的，我完全不知道是哪里的报错。

第二张是加入以后的报错。一下子就看出来是 FilterDrop.vue 报错了