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解决一个方法同时发送多个请求的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue竖向步骤条方式,具有很好的参考价值,希望对大家有所帮助,2023-12-12
这篇文章主要为大家详细介绍了Vue3中的计算属性和属性监听的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-08-08
vue-cli 作为 Vue 官方推荐的项目构建脚手架，它提供了开发过程中常用的，热重载，构建，调试，单元测试，代码检测等功能。我们本次的异步远端组件将基于 vue-cli 开发2017-11-11
这篇文章主要为大家详细介绍了vue+Element实现分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
Vue是一种流行的JavaScript框架,可以帮助开发者建立高效的Web应用程序,本文将为您介绍如何在Vue中实现登录验证功能,并为您提供具体的代码示例,感兴趣的朋友一起看看吧2023-11-11
这篇文章介绍了vue中过滤器的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
最近公司项目比较少终于有空来记录一下自己对vue-router的一些小小的使用心得，本文给大家分享vue router自动判断左右翻页转场动画效果，感兴趣的朋友一起看看吧2017-10-10
这篇文章主要介绍了vue3 elementPlus部分组件样式修改的方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-01-01
最新评论