热更新
Hot Module Replacement
前端工程也叫:HMR、热重载、热替换、自动刷新
一句话:保存代码后,开发服务器自动把改动推送到浏览器,页面立即更新,往往还能保留当前的输入和状态。
详细解释
热更新像给行驶中的汽车换零件而不用停车:你改了按钮颜色并保存,浏览器里的页面马上变化,表单里填好的内容、打开的弹窗通常都还在,不用从头操作一遍。
严格说有两种:热模块替换(HMR)只替换改动的那部分代码,状态保留;自动刷新是整页重新加载,状态会丢失。改组件样式和内容时一般是前者;改配置文件、环境变量时,通常要重启开发服务器才生效。
热更新偶尔会失灵,表现为改了代码页面没变化。先手动刷新浏览器,不行再重启开发服务器,还不行再让 AI 帮忙排查。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。
修改组件后浏览器页面不会自动更新,必须手动刷新才能看到变化。请检查开发服务器配置和文件的导出方式(比如同一个文件里是否既导出组件又导出普通函数),找出热更新失效的原因并修复。