Chrome浏览器找不见Vue项目源代码
Vue项目在Chrome浏览器的源代码混乱,无法调试问题先上个问题图:在文件 vue.config.js 的configureWebpack对象加一个元素 devtool: ‘source-map’如图:搞定!重启下项目,按F12 看看效果去吧之所以会出现这种情况,一般是Vue模板项目 取消设置SourceMap,为了避免前端源码在浏览器端泄露。解决这个问题,就是配置一个 SourceMap就好。
·
Vue项目在Chrome浏览器的源代码混乱,无法调试问题
先上个问题图:
在文件 vue.config.js 的configureWebpack对象加一个元素 devtool: ‘source-map’
如图:
搞定!重启下项目,按F12 看看效果去吧
之所以会出现这种情况,一般是Vue模板项目 取消设置SourceMap,为了避免前端源码在浏览器端泄露。
解决这个问题,就是配置一个 SourceMap就好。
关键点来了,不同脚手架版本,配置代码不同!我的脚手架是3.x.x,如果你是其他版本,就找找其他配置方法。
更多推荐
所有评论(0)