Vue中使用debugger在浏览器中不起作用的问题及解决
更新时间：2024年06月06日 15:20:34 作者：小鱼小鱼干
这篇文章主要介绍了Vue中使用debugger在浏览器中不起作用的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
使用debugger在浏览器中不起作用
问题描述
使用vscode编辑器，运行vue项目时想要断点调试，奈何始终进不了断点。
先后尝试Edge和chrome浏览器，均不生效，排除浏览器因素，定位为代码问题。
解决方案
找到文件vue.config.js，或全局搜索configureWebpack，在如下位置加入devtool:"source map"，重新启动项目，debugger即可生效。
vue中debugger报错 unexpected ‘debugger’ statement no-debugger
说下原因
Vue中debugger报错 unexpected 'debugger' statement no-debugger（意外的“调试器”语句没有调试器）
eslink规则没有开启'debugger' ，被规则屏蔽了，需要手动放开
方式一
找到.eslintrc文件，在 .eslintrc文件下的 rules 添加 "no-debugger": "off"
方式二
1.找到项目中的package.json文件
2.在文件中找到"eslintConfig"进行配置参数
3.在"eslintConfig"里面找到"rules",在"rules"中 添加 "no-debugger": "off", "no-console": "off"
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了使用vue实现自定义多选与单选的答题功能,vue组件中在表单方面提供了一个v-model指令，非常好用，具体实现过程大家跟随脚本之家小编一起看看吧2018-07-07
vue中的el-form表单rule校验问题(特殊字符、中文、数字等)
这篇文章主要介绍了vue中的el-form表单rule校验问题(特殊字符、中文、数字等)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了vue实现加载页面自动触发函数(及异步获取数据)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了js节流防抖应用场景,以及在vue中节流防抖的具体实现操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
Axios是在前端开发中常用的一个发送 HTTP 请求的库，用过的都知道,篇文章主要给大家介绍了关于vue的相关资料,需要的朋友可以参考下2021-10-10
Day.js库本身专注于简化JavaScript日期和时间的操作,它的API设计直观,且功能强大,可以方便地格式化日期、添加或减去时间间隔、比较日期等,本文主要介绍了Vue利用dayjs封装实现时间实时刷新,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了vue如何监听元素横向滚动到最右侧问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
今天小编就为大家分享一篇vue webpack开发访问后台接口全局配置的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了解决vue 单文件组件中样式加载问题,文章末尾给大家补充介绍了vue单文件组件中样式的问题，需要的朋友可以参考下2019-04-04
这篇文章主要介绍了Vue.component的属性说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
最新评论