React Native:看不到对我的代码的更改

React Native: Can't see changes to my code

本文关键字：代码 我的 Native 看不到 React      更新时间：2023-09-26

我是 React Native 的初学者。我遵循了官方文档中的简单教程，但是当我尝试查看我的代码更改时遇到了问题。文档说：

对于 Android，您可以编辑 index.android.js 以更改应用程序 ，然后从愤怒摇晃菜单中按重新加载JS以查看更改

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

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

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

只需运行这些命令

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

希望它有效！

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

MKDIR Android/app/src/main/assetsReact-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/resReact-native run-android

这将刷新代码更改。

来自 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 输入键事件 82 来打开开发人员菜单。
  1. 转到"开发设置"。
  2. 转到调试设备的服务器主机。
  3. 输入计算机的 IP 地址和本地开发服务器的端口（例如 10.0.1.1：8081）。在Mac上，您可以在"系统偏好设置/网络"中找到IP地址。在 Windows 上，打开命令提示符并键入 ipconfig 以查找计算机的 IP 地址（详细信息）。
  1. 返回"开发人员"菜单，然后选择"重新加载 JS"。

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

adb reverse tcp:8081 tcp:8081

然后重新运行

react-native run-android
  1. 清晰的守望者手表：watchman watch-del-all .
  2. 删除node_modules文件夹：rm -rf node_modules && npm install 。
  3. 重置地铁捆绑器缓存：rm -rf /tmp/metro-bundler-cache-*或npm start -- --reset-cache。
  4. 删除匆忙缓存：rm -rf /tmp/haste-map-react-native-packager-* 。
相关文章：