Mac版Visual Studio是否可以启用保存后自动重载功能?
解决Mac版Visual Studio保存React项目时自动重载的方案
- 确认启动的是React开发模式服务
使用Create React App搭建的项目执行npm start启动开发服务,使用Vite搭建的项目执行yarn dev/npm run dev启动,两类官方脚手架默认都自带热重载/快速刷新能力,无需额外安装Visual Studio扩展即可实现保存后自动重载页面,不需要每次重启服务。 - 调整Visual Studio保存配置
按下Mac快捷键Command + ,打开设置面板,搜索Auto Save,将自动保存模式调整为afterDelay或onFocusChange,确保代码修改后文件会被主动保存,才能触发开发服务的文件变更监听。 - 排查项目配置异常
- 如果是Create React App项目,检查根目录
.env系列文件中是否存在FAST_REFRESH=false配置,存在的话删除该行即可恢复快速刷新能力 - 如果是Vite项目,检查
vite.config.js配置文件中是否手动关闭了server.hmr相关配置,确保热重载功能处于开启状态
- 如果是Create React App项目,检查根目录
- 修复Mac系统文件监听限制
当项目文件数量过多时,Mac默认的文件监听数上限会导致开发服务监听不到文件变更,打开终端执行以下命令调整限制:sudo sysctl -w kern.maxfiles=5242880 sudo sysctl -w kern.maxfilesperproc=524288 - 规避文件目录异常
不要把React项目放在iCloud同步目录、外接硬盘、网络共享文件夹内,这类目录的文件变更通知会出现延迟或失效,将项目迁移到本地普通目录即可解决。
内容的提问来源于stack exchange,提问作者David Meyers
相关产品推荐
相关产品推荐

