为什么Expo无法在react-native app中加载项目?

时间:2017-07-10 05:30:30

标签: react-native expo

我正在尝试创建我的第一个react-native应用。 我安装了expo XDE然后以这种方式创建了一个新项目:

create-react-native-app  firstProj 

然后我在expo XDE和终端exp firstProj

打开它

Starting expo error

但我得到了这个警告;这就是模拟器中显示的内容:

error in emulator

感谢任何帮助。

4 个答案:

答案 0 :(得分:1)

  1. 点击左上角的设置按钮,然后更改"主机"到"局域网"
  2. 重新启动项目

答案 1 :(得分:0)

按照以下步骤从命令行创建新的expo应用程序:

 create-react-native-app my-app
 cd my-app/
 npm start
 npm run ios / npm run android

另一种方法是,您可以尝试使用Expo XDE界面创建应用并在您的设备中运行。以下是official document,用于在您的设备上创建和共享您的应用。如果您对CLI感兴趣,可以按照以下步骤进行操作

npm install exp --global
exp init your-project-name
cd your-project-name
exp start

请检查您是否错过了上述任何步骤,它可能有助于您解决问题。您可能错过了exp start命令。

答案 2 :(得分:0)

在我的案例中帮助了以下内容:

  1. 使用VirtualBox安装Genymotion
  2. 在Genymotion网站注册
  3. 运行Genymotion软件和!!!登录
  4. 关闭项目的npm提示程序并重新启动
  5. npm start(在项目目录的npm promt窗口中)
  6. 关闭并启动Expo应用,扫描条形码
  7. 我注意到当我的应用程序成功运行时,IpV地址是相同的

    exp://10.0.0.124:19000   and
    ipconfig -> IPv4 Address. . . . . . . . . . . : 10.0.0.124
    

答案 3 :(得分:0)

就我而言,我这样做了。 通过使用 Expo。

  1. 只需确保笔记本电脑和移动设备连接到同一网络即可。
  2. 确保在世博会网页选项卡上选择了 Lan。
  3. 停止运行 npm 服务器。
  4. 同时关闭移动设备上的应用。
  5. 然后再次启动 npm。
  6. 如果该项目尚未在世博会最近打开的项目应用程序中列出,请立即扫描二维码。
  7. 或者点击博览会上最近打开的项目中已有的项目。
<块引用>

请注意,如果仍然无法正常工作,请在清除 expo 应用程序中最近打开的内容后尝试相同的操作。

我知道这个答案为时已晚,但愿它对某人有所帮助。