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 报错了

巴特西

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

最新文章

热门文章