vite项目控制台展示编译后的代码

首页课程实战体系课手记专栏慕课教程

vite项目控制台展示编译后的代码

来源：2-2 安装 Typescript 文档

有没有没被占用的昵称

2022-09-25

老师我通过vue3官网（https://cn.vuejs.org/guide/quick-start.html#try-vue-online）
使用npm init vue@latest初始化了一个项目
但是当控制台报错时候，我通过报错信息点过去，在控制台source界面下展示却是编译后的代码如图
图片描述
应该怎么配置才能让他展示编译前的代码呢
这样调试的时候也很不方便

写回答

1回答

张轩

2022-09-25

已采纳

同学你好

我尝试使用的是断点调试，在要调试的地方添加一个 debugger 字段，然后在停止的时候是直接显示源代码调试的。如图所示

//img.mukewang.com/szimg/632fb02f09a4da2021181480.jpg

0

1

有没有没被占用的昵称

老师，我知道了，是vite-plugin-vue-setup-extend这个插件的问题。使用了它，调试的时候就会出现编译后的代码，请问老师，如果不使用它在做keep-alive的时候有没有简便的方法来给组价命名呢

2022-09-25

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

老师，我想Chrome中source调试代码，但是发现是编译后的，如何设置成编译前的

回答 2

vue-cli和vite项目的调试问题

回答 1

控制台不支持ts写法吗？老是报错说Uncaught SyntaxError: Unexpected token ':'

回答 1

老师请问一个vite配置文件设置代理的问题

回答 1

安装vite-plugin-eslint后eslint报错

回答 3

打开慕课网App查看更多内容