首页 前端知识 vue 项目中,debugger不生效的处理方式。

vue 项目中,debugger不生效的处理方式。

2024-08-08 22:08:31 前端知识 前端哥 596 280 我要收藏

近期在项目开发中发现前些年自己封装的架构,在近期的使用中。debugger不生效。并且console也总是指向vue编译后的js代码。根本无法开发和排查问题。在网上也查了好多资料


解决方式一:
        配置webpack,在vue.config.js给configureWebpack添加devtool:"source-map"键值对。本人亲测,无效.......。我看很多大神的博客是有效的,于是我深入分析了一手。我无效的原因是,我在webpack中添加了太多自定义的东西。可能有写冲突。导致加了这个键值对只有会出现这种奇怪的情况。如下图↓


你的debugger始终会到达这个编译后的函数。em...

解决方案二:
        修改浏览器设置中的 Ignoer List 属性(亲测有效)操作步骤如下图↓
1,打开F12


2,点击设置

3,第三部进行取消勾选



完工~

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15038.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!