Vagrant环境下Create React Native App热重载失效问题求助
解决Vagrant Ubuntu环境中Expo/React Native文件变更不同步的问题
我之前也碰到过虚拟机里文件改了但Expo热重载没反应的糟心事,给你几个亲测有效的解决方案:
1. 给Metro Bundler强制开启轮询模式
React Native和Expo底层用的是Metro Bundler监听文件变化,它默认依赖系统的文件变更通知,但虚拟机共享文件夹经常会让这个机制"罢工"。你可以通过专属环境变量强制开启轮询:
启动Expo的时候直接带变量运行:
METRO_WATCHER_POLLING=true yarn start
要是不想每次都输,把变量加到shell配置文件里(比如~/.bashrc或~/.zshrc),以后启动就自动生效:
echo "export METRO_WATCHER_POLLING=true" >> ~/.bashrc source ~/.bashrc
2. 换掉Vagrant默认的共享文件夹同步方式
默认的VirtualBox共享文件夹在文件变更通知上表现拉胯,换成更高效的同步方式能从根源解决问题:
选项A:用Rsync单向同步
Rsync速度快,还能准确触发文件变更,适合大多数场景。修改你的Vagrantfile:
config.vm.synced_folder ".", "/vagrant", type: "rsync", rsync__auto: true, rsync__exclude: [".git/", "node_modules/"]
配置后,Vagrant会自动把宿主机的文件同步到虚拟机,Metro能立刻识别到变化。
选项B:用NFS双向同步(适合Linux/macOS宿主机)
NFS的文件通知机制更可靠,适合需要双向修改的场景。修改Vagrantfile:
config.vm.synced_folder ".", "/vagrant", type: "nfs"
注意:Windows宿主机配置NFS比较麻烦,优先推荐Rsync方案。
3. 确认Expo的热重载开关没关
有时候不是同步的问题,是热重载被意外关掉了:
- 在模拟器/真机上打开开发者菜单(Android按Ctrl+M,iOS按Cmd+D)
- 检查"Enable Hot Reloading"或"Enable Fast Refresh"是否已经勾选
4. 补充:双变量叠加覆盖监听
如果单独设置Metro的变量还是不行,可以把之前的CHOKIDAR变量一起加上,覆盖多层监听逻辑:
CHOKIDAR_USEPOLLING=true METRO_WATCHER_POLLING=true yarn start
某些复杂场景下,双重设置能解决漏监听的问题。
内容的提问来源于stack exchange,提问作者ThierryMichel
相关产品推荐
相关产品推荐

