vue在谷歌上面打断点没有进入指定位置

vue在谷歌上面打断点没有进入指定位置
问题原因：主要是因为在各个文件下面都存在相同的index文件，重复index文件导致断点并没有进入对应的index，可以修改原来各个文件下面的index文件，使文件名不重复即可。
下面的方法也可以解决（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的知识