React

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > React > vite React项目热更新失效

vite React项目热更新失效问题及解决

作者:GKing是桂老大的意思

发现React热更新失效?你可能忽略了路径大小写问题!本文记录vite项目中组件引用大小写不一致仍能编译的奇怪现象,以及最终如何通过修正路径恢复热更新,掌握这个关键技巧,避免项目卡壳,提升开发效率

vite React项目热更新失效

此为个人在React学习中遇到的问题,所做的学习笔记

在学习React的过程中,使用了vite 搭建项目包,然后遇到了一个热更新失效问题

当时引用一个组件是,文件夹名称开头字母为大写,引用时用的是小写,但是还是成功编译出来了,控制台也没有报错或者发出警告

 

这是组件文件夹目录

开头字母都是大写

然后引用路径一开始为注释掉的那一行,但是一开始也是成功编译出来了,这就让我觉得很离谱,如果不允许路径模糊大小写,那为什么要允许编译成功呢?!

后来修改了路径,项目热更新也就回来了

总结

热更新失效,检查一下引入路径大小写是否正确

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文