vue项目debugger调试看不到源码的问题及解决
更新时间：2024年06月06日 15:42:02 作者：hua_ban_yu
这篇文章主要介绍了vue项目debugger调试看不到源码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue项目debugger调试看不到源码
在搭建vue项目时，在vue文件里面输入debugger后，在浏览器点击操作发现可以进入断点，但显示的是已经压缩好的代码，无法看到源码。
在网上查了好多文件都说添加 devtool: "source-map"即可解决，实际情况是添加了没有效果。
解决方案
1.打开vue.config.js文件，添加 devtool: "cheap-module-source-map", 然后重启项目。
2.在页面上点击即可进入断点位置，浏览器上显示的也是源码
vue页面中debugger失效
F12打开开发者工具，找到设置
去掉自定义排除规则
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Vue生命周期中的组件化，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要介绍了vue如何监听元素横向滚动到最右侧问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了解决Vue2.x父组件与子组件之间的双向绑定问题,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了vue使用refs获取嵌套组件中的值过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
这篇文章主要介绍了Vue 打包体积优化方案小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
VuePress是一个基于Vue的轻量级静态网站生成器以及为编写技术文档而优化的默认主题。这么文章给大家详细介绍了vuepress 静态网站生成器的方法，需要的朋友参考下吧2018-04-04
这篇文章主要介绍了vue之使用vuex进行状态管理详解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
在Vite中,我们可以使用环境变量来管理不同环境下的配置,本文主要介绍了vite环境变量.env文件的配置及使用,具有一定的参考价值,感兴趣的可以了解一下2024-06-06
这篇文章主要给大家介绍了关于Vue3中引入scss文件的方法步骤,在实际项目中,各种样式往往有很多重复的情况,为了能够使样式的后续开发和维护更加惬意,将这些共同的代码进行命名然后调用这些变量是一个很好的选择,需要的朋友可以参考下2023-08-08
这篇文章主要给大家介绍了关于vue3.x源码剖析之数据响应式的相关资料,在讲解过程中,我们会对比Vue2.x的API特性,使用有哪些区别,需要的朋友可以参考下2022-01-01
最新评论