近期在项目开发中发现前些年自己封装的架构,在近期的使用中。debugger不生效。并且console也总是指向vue编译后的js代码。根本无法开发和排查问题。在网上也查了好多资料
解决方式一:
配置webpack,在vue.config.js给configureWebpack添加devtool:"source-map"键值对。本人亲测,无效.......。我看很多大神的博客是有效的,于是我深入分析了一手。我无效的原因是,我在webpack中添加了太多自定义的东西。可能有写冲突。导致加了这个键值对只有会出现这种奇怪的情况。如下图↓
你的debugger始终会到达这个编译后的函数。em...
解决方案二:
修改浏览器设置中的 Ignoer List 属性(亲测有效)操作步骤如下图↓
1,打开F12
2,点击设置
3,第三部进行取消勾选
完工~