无法从资产index.android.bundle

时间:2018-10-02 09:39:27

标签: android react-native

因此,我实际上只是启动了我的react本机应用程序,并试图在模拟器上运行该应用程序。我正在使用Genymotion,并且在Mac上。我已经将Genymotion升级到最新版本。

堆栈:

  1. npm:6.4.1
  2. 本机:0.57.1​​
  3. react-native-cli:2.0.1

我已完成以下步骤:

  1. adb反向tcp:8081 tcp:8081
  2. npm开始
  3. react-native run-android

我在一个终端选项卡中执行了步骤1-2,在另一个终端选项卡中进行了步骤3。我试图在步骤3上将端口8081添加为标志,但没有成功。我也尝试这样做:

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

,但它不起作用。相反,我将其视为错误:

Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Users/jeffrey/projects/desti/index.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map

更新: 好的,我解决了。我将此添加到我的依赖项:“ @ babel / runtime”:“ ^ 7.0.0-beta.55”。我安装了纱线并再次执行了步骤1-3。但是,现在我遇到了“无法连接到开发服务器”的问题

Update2: nvm,我之前说过的解决了它。我不知道我在Genymotion中创建的那个设备发生了什么,但是我不得不删除它并重新创建它,然后它才起作用。我注意到了这一点,因为我在Genymotion上安装了Pixel模拟器,并且效果很好,但不是这样。

我应该如何关闭?

2 个答案:

答案 0 :(得分:0)

如果您无法从localhost加载它,并且用尽了所有选项,请尝试以下操作:

选项1(更改您的监听地址IP和端口)

获取您的Mac IP地址:

使用ipconfig getifaddr en1 for wirelessipconfig getifaddr en0 for ethernet

(取自https://apple.stackexchange.com/questions/20547/how-do-i-find-my-ip-address-from-the-command-line

在React Native中打开您的开发控制台:

转到仿真器> CMD + Madb shell input keyevent 82-然后在打开的菜单中,转到“开发设置”,调试设备的服务器和主机端口,然后编辑IP和端口(输入IP您之前有命令,端口很可能是8081),例如1.1.1.1:8081

返回并重新加载JS。如果Metro bundler尚未启动,请在您的cmd中键入react-native start。

选项2:来自Android Studio

在Android Studio中打开您的项目,然后在其中运行您的项目。再次,如果没有地铁捆绑器,请运行react-native start

答案 1 :(得分:0)

我自己找到了答案。我需要添加依赖项:“ @ babel / runtime”:“ ^ 7.0.0-beta.55”。我不知道为什么能解决它,但是确实可以。