vite下，修改node_modules源码后，在浏览器源码中看不到改动的内容

vite下，修改node_modules源码后，在浏览器的源代码中看不到改动的内容，查看vite文档后发现了这么一段话：
在这里插入图片描述
对此我专门做了几次实验，来验证我的一些想法

为了保证不引导多余的变量，每次实验前都会将node_modle给删除重新安装

操作1	操作2	浏览器中是否可以看到修改	.vite/deps是否可以看到修改
修改源码	直接刷新页面	❌	❌
	执行`vite dev`后，刷新页面	❌	❌
	执行`vite dev --force`后，刷新页面	✅	✅
	执行`vite dev --force`后，刷新页面，再次修改代码，刷新页面	❌	❌
修改.vite/deps中源码	直接刷新页面	❌	❌

实验结果与vite官网所说的一致，也验证了我想象中的一些骚操作确实不可行

既然上诉操作都不可行，那我逆向思考一下，为什么我写的代码可行。这是因为我写的代码在watch的监听目录下，而node_module不在。那么问题就变成了：如何让我修改的源码包含在wath目录下，具体操作查看官网

操作后浏览器报错：
在这里插入图片描述
控制台报错

查到一些文档说配置bebel的compact为false，但设置后也没解决，若有碰到同样问题，期待您的指导

相关阅读:
我的写作心得
为什么Excel表格只有部分单元格可编辑？
SkyWalking追踪gateway网关链路无法和服务串联
SpringBoot 日志文件
N3 中文文本分类
mybatis 操作oracle sql 执行的一些坑
Codeforces Global Round 21(只会俩题）
VScode连接远程JupyterNotebook显示点云ply文件
编程知识\_C与汇编深入分析
【AI视野·今日Robot 机器人论文速览第四十三期】Thu, 28 Sep 2023

原文地址：https://blog.csdn.net/gg_ios/article/details/126405075