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

Question

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

  

对于Android，您可以编辑index.android.js以对应用进行更改   并从愤怒摇动菜单中按Reload JS以查看更改

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

Answer 1

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

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

只需运行这些命令

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

希望它有效！

Answer 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 /主/ RES react-native run-android

这将刷新您的代码更改。

Answer 3

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

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

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

  

  
1. 通过摇动设备或从命令行运行adb shell输入keyevent 82来打开Developer菜单。
  

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

  

  
1. 返回Developer菜单并选择Reload JS。
  

Answer 4

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

adb reverse tcp:8081 tcp:8081 

然后重新运行

react-native run-android

Answer 5

1. 清晰的值班员手表：watchman watch-del-all。
2. 删除node_modules文件夹：rm -rf node_modules && npm install。
3. 重置Metro Bundler缓存：rm -rf /tmp/metro-bundler-cache-*或npm start -- --reset-cache。
4. 删除急速缓存：rm -rf /tmp/haste-map-react-native-packager-*。