问题描述: 选用setup标签写的代码,debuger的时候看不到源码,导致无法调试。

  • setup写法示例: <script lang="ts" name="order-apply-list" setup>

  • debugger看到是下面的效果:

    vue3项目debugger调试看不到源码-jeecgboot

如何处理这个问题呢?

一、添加jeecgboot-vue3项目的 src 源码路径

vue3项目debugger调试看不到源码-jeecgboot

二、点击允许

vue3项目debugger调试看不到源码-jeecgboot

源码进来了

vue3项目debugger调试看不到源码-jeecgboot

三、刷新浏览器重现调试,就可以了

vue3项目debugger调试看不到源码-jeecgboot

常见问题:

  • 调试发现代码不是五颜六色,鼠标放上去也不出变量值

处理办法:装置最新版的vue-tools,装置文档