vue项目debugger调试看不到源码

在搭建vue项目时，在vue文件里面输入debugger后，在浏览器点击操作发现可以进入断点，但显示的是已经压缩好的代码，无法看到源码。

在网上查了好多文件都说添加 devtool: "source-map"即可解决，实际情况是添加了没有效果。

解决方案：

1 打开vue.config.js文件，添加 devtool: "cheap-module-source-map", 然后重启项目。

2. 在页面上点击即可进入断点位置，浏览器上显示的也是源码

vue项目debugger调试看不到源码相关推荐

VUE项目练习大全（附github源码）
vue慢慢的成为了前端最受欢迎的框架之一,在很多项目之中开发都能用得到,如今也已经发展到3.0了,可能是因为这个框架可以提高工作效率,因此受到大家的追捧,在之前的文章里面也说过,2019年,大前端学习 ...
set 有序吗js_2021了，你的vue实践够熟练了吗？源码思维呢？
Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的.但是大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们凭什么敢说自己有竞争力呢能够 ...
JAVA毕业设计Vue网上书籍购买商城登录计算机源码+lw文档+系统+调试部署+数据库
JAVA毕业设计Vue网上书籍购买商城登录计算机源码+lw文档+系统+调试部署+数据库 JAVA毕业设计Vue网上书籍购买商城登录计算机源码+lw文档+系统+调试部署+数据库本源码技术栈: 项目架构 ...
基于java基于VUE的个人记账管理系统计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署
基于java基于VUE的个人记账管理系统计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署基于java基于VUE的个人记账管理系统计算机毕业设计源码+系统+lw文档+mysql数据库+调 ...
java毕业设计基于VUE电脑城摊位出租系统mybatis+源码+调试部署+系统+数据库+lw
java毕业设计基于VUE电脑城摊位出租系统mybatis+源码+调试部署+系统+数据库+lw java毕业设计基于VUE电脑城摊位出租系统mybatis+源码+调试部署+系统+数据库+lw 本源码技 ...
java毕业设计基于vue的百乐儿童玩具公司管理系统mybatis+源码+调试部署+系统+数据库+lw
java毕业设计基于vue的百乐儿童玩具公司管理系统mybatis+源码+调试部署+系统+数据库+lw java毕业设计基于vue的百乐儿童玩具公司管理系统mybatis+源码+调试部署+系统+数据库 ...
配置VS Code 使其支持vue项目断点调试
转载原文作者:肥仔快乐水原文链接:https://juejin.im/post/6844904144457695245 起因每个应用,不论大小,都需要理解程序是如何运行失败的.当我们写的程序 ...
vue开源项目(各大插件，gitup源码)
vue开源项目(各大插件,gitup源码) 目录 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element★31142 - 饿了么出品的Vue2的web UI工具 ...
使用 Chrome 调试 Vue3 的 TypeScript 源码
相信很多同学都已经上手 Vue3 了,用起来是真香! 学习技术又怎能不学习源码,多看看源码,说不定自己哪天也成大佬了呢︿(￣︶￣)︿今天,我来记录一下自己调试 Vue3 源码的过程,方便以后参考. ...

vue项目debugger调试看不到源码

vue项目debugger调试看不到源码相关推荐

最新文章

热门文章