打开项目的vue.config.js,修改configureWebpack,添加

devtool: '#eval-source-map',

完整配置代码

 configureWebpack: {
    name: name,
    devtool: '#eval-source-map',
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },

然后就可以在想要调试的vue页面添加debugger

然后重新编译、运行项目,打开外部浏览器,在调用添加debugger的方法时打开浏览器的检查

Logo

前往低代码交流专区

更多推荐