React Native：看不到我的代码的更改答案

【问题标题】：React Native: Can't see changes to my codeReact Native：看不到我的代码的更改
【发布时间】：2016-02-27 14:08:33
【问题描述】：

我是 React Native 的初学者。我已经按照官方文档中的简单教程进行操作，但是当我尝试查看我的代码更改时遇到了问题。医生说：

对于 Android，您可以编辑 index.android.js 来更改应用并从狂暴菜单中按 Reload JS 以查看更改

我直接在我的 Nexus 6 上开发，而不是在模拟器上，我按照它的指示做了，但我看不到我的 Android 示例应用程序有任何变化，我只尝试编辑文本但没有成功。我也尝试在任何更改后进行重建，但没有结果，我敢肯定这是一件简单的事情，但我错过了什么？

【问题讨论】：

我也有同样的问题。 JS 包加载正常，没有错误（我在应用程序的开发设置中添加了开发服务器 IP：端口）。但是，如果我对代码进行更改并从应用程序请求 JS 重新加载，则会加载捆绑包，但一切看起来都一样。我相信这可能与 Windows 上的文件观察器和缓存文件有关。有人吗？
我已经解决了简单地在 Mac 上工作...... win 上的问题太多
对你有好处。但这并不能解决问题。似乎问题与抓取所有要监视的文件夹时 FileWatcher（Windows 上的 NodeWatcher，Mac 上的 WatchMan）使用的 MAX_WAIT_TIME 有关。如果达到超时，则不会向用户报告任何错误，并且对 js 文件的更改将不会被 Packager 拾取。一个可能的解决方案是在抓取作业完成之前监听 FileWatcher 发出的更改事件。请参阅github.com/facebook/react-native/issues/6674 关注此
是的，这不是解决方案，我只是觉得无聊 :P 但是我没有看到这个问题，我会检查一下，谢谢！

标签： javascript android reactjs react-native hybrid-mobile-app

【解决方案1】：

我遇到了同样的问题，我终于找到了一个适合我的解决方案。

https://github.com/facebook/watchman/issues/381#issuecomment-257669560

只需运行这些命令

launchctl unload ~/Library/LaunchAgents/com.github.facebook.watchman.plist
watchman version

希望它有效！

【讨论】：

【解决方案2】：

使用以下命令从终端运行您的代码

mkdir android/app/src/main/assets react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app /src/main/res react-native run-android

这将刷新您的代码更改。

【讨论】：

【解决方案3】：

来自 React-Native 文档 - http://facebook.github.io/react-native/docs/running-on-device-android.html

将您的应用配置为通过 Wi-Fi 连接到本地开发服务器

确保您的笔记本电脑和手机在同一个 Wi-Fi 网络上。
在您的设备上打开您的 React Native 应用程序。您可以像打开任何其他应用一样执行此操作。
您会看到一个带有错误的红屏。还行吧。以下步骤将解决此问题。

通过摇动设备或从命令行运行 adb shell input keyevent 82 打开开发者菜单。

转到开发设置。
转到设备的调试服务器主机。
输入您机器的 IP 地址和本地开发服务器的端口（例如 10.0.1.1:8081）。在 Mac 上，您可以在系统偏好设置/网络中找到 IP 地址。在 Windows 上，打开命令提示符并键入 ipconfig 以查找您机器的 IP 地址（更多信息）。

返回“开发者”菜单并选择“重新加载 JS”。

【讨论】：

我已尝试按照此步骤操作，但出现红屏“无法下载 JS Bundle”

【解决方案4】：

如果您使用的是物理设备，请使用：

adb reverse tcp:8081 tcp:8081

然后重新运行

react-native run-android

【讨论】：

【解决方案5】：

清除守望者手表：watchman watch-del-all。
删除node_modules文件夹：rm -rf node_modules && npm install。
重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-* 或 npm start -- --reset-cache。
移除加速缓存：rm -rf /tmp/haste-map-react-native-packager-*。

【讨论】：