React native EXPO安装（npm start）

Question

我使用 Expo 在 React Native 中创建了我的应用程序，但是当我运行 npm start 命令时它向我展示了这个：

running metro bundler on port 8081

然后

loading dependency graph, done

永无止境。怎么办？

这里是 complete console output.

Answer 1

好问题，首先，我完全明白你的问题是什么，让我以非常恰当的方式给你一个解决方案。

基本上，有两种方法可以在 mac 和 windows machines

上安装和设置 React Native 项目

第一种 React Native（本机）方法：（基本上你使用的是正确的知识

注意：如果您使用的是 Apple 产品 - 如 MacBook 那么您可以使用此方法在 IOS 和 Android 这两个平台上使用此方法，如果您正在使用 Windows 或 Linux 您只能为 Android 平台

执行此部分

在这个方法中，我们必须遵循这些简单的步骤

从官方网站下载 Nodejs link here
安装 React Native Cli

npm install -g react-native-cli

如果你遇到类似找不到模块 'npmlog' 的错误，请尝试直接安装 npm：curl -0 -L https://npmjs.org/install.sh |须藤湾（仅适用于 mac）

从 Appstore 安装 Xcode（仅适用于 Mac user/macos 用户）否则

从 Android Studio

官方网站下载并安装 Android Studio（稳定版）

Setup Xcode（模拟器）或 Setup Android Studio for Android devices use（模拟器）通过学习和指导 link here

注意：基本上在你的场景中，我很确定你没有为 android 设置你的模拟器和为 IOS 设置模拟器，这就是为什么你在之后没有看到任何东西的原因 第二个 React Native with Expo Method:那是你没有使用加载依赖图

使用

为Android

react-native 运行-android

对于IOS

react-native 运行-ios

第二个没有 Expo 的 React Native（这不是你的情况）：

在这个方法中，我们必须遵循这些简单的步骤

从官方网站下载 Nodejs link here
正在安装 expo cli

npm install -g expo-cli

expo init 你的项目名称

cd 你的项目名称

npm 启动

注意：模拟器和模拟器的方式相同

Answer 2

首先，如果你有一个像你用过的那样的捆绑器，那么它会建议你使用 react-native init 来创建你的应用程序，而不是 expo。

Expo bunders 看起来像这样：

如果您创建了一个 react-native init，并且如您的屏幕截图所示，您正在 Windows 机器 上构建该应用程序，这意味着您将在 Android 上开发。

Android和运行ning react-native的使用说明很长很复杂，可以在这里找到。为了简洁起见，我不会在这里重复它们，因为您可以按照这个 link 进行操作。确保选择 Building Projects with Native Code -> Development OS: Windows -> 定位 OS: Android 以查找与您的情况相关的说明。 https://facebook.github.io/react-native/docs/getting-started.html

如果您计划在模拟器上进行开发，那么您需要确保已安装一个模拟器（上面的 link 包含您需要的所有信息）。此外，您还需要确保在运行ning react-native run-android 之前启动您的模拟器，如果您这样做，那么它应该加载到模拟器上并且您应该能够看到您正在开发的内容。

如果您想运行在自己的 Android 设备上，则应按照此页面上的说明进行操作 https://facebook.github.io/react-native/docs/running-on-device（再次选择适合您情况的选项）。

世博会

如果这感觉太费力，您可以随时尝试 Expo。它不需要您能够处理本机代码。根据您的用例，这可能是比使用 react-native init 创建项目更好的选择，而且您始终可以从 expo 项目中退出并将其转换为完整的反应本机应用程序。

您使用

安装 expo-cli

npm install -g expo-cli

然后从 App Store 或 Google Play Store 下载 expo 应用程序（取决于您使用的手机）。

然后你可以使用

expo init

创建您的应用程序

查看 expo 文档以获取更多信息https://docs.expo.io/versions/v32.0.0/workflow/up-and-running

React native EXPO安装（npm start）

React native EXPO installation (npm start)

bundler

reactjs

react-native

世博会