React Native安装（NPM启动）

Question

我在react native中创建了我的应用程序，但是当我运行npm start命令时，它向我显示了这一点：

running metro bundler on port 8081

然后

loading dependency graph, done

，永无止境。该怎么办？

这里是complete console output。

Answer 1

好，很好的问题，首先，我完全了解您的问题到底是什么，让我以一种非常合适的方式为您提供解决方案。

基本上，有两种方法可以在Mac和Windows计算机上安装和设置React Native Project

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

注意：如果您使用的是Apple产品（如MacBook），则可以使用此方法在IOS和Android两种平台上进行操作；如果使用Windows或Linux，则只能在Android平台上进行此操作< / em>

在这种方法中，我们必须遵循以下简单步骤

1. 从官方网站link here下载Node.js

2. 安装React Native Cli

   npm install -g react-native-cli

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

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

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

1. 设置Xcode（仿真器）或设置Android Studio以供Android设备使用（仿真器） 通过link here
的学习和指导

注意：基本上在您的情况下，我敢肯定您没有为Android设置模拟器以及为IOS设置模拟器，这就是为什么之后您什么都看不到的原因 第二个使用Expo方法的React Native：，这是您没有使用加载依赖图

使用

对于Android

react-native run-android

对于IOS

react-native run-ios

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

在这种方法中，我们必须遵循以下简单步骤

1. 从官方网站link here下载Node.js

2. 安装expo cli

   npm install -g expo-cli

   expo初始化您的项目名称

   cd yourprojectname

   npm start

注意：模拟器和模拟器的用法相同

Answer 2

首先，如果您有一个使用过的捆绑器，则它表明您使用react-native init来创建应用程序，而不是expo。

Expo捆绑器如下所示：

如果您创建了react-native init，并且在屏幕快照中建议您在 Windows计算机上构建应用程序，则意味着您将在Android上进行开发。

使用Android和运行react-native的说明非常长且复杂，可在此处找到。为了简洁起见，在这里我不再赘述，您可以点击此链接。确保选择使用本机代码构建项目-> 开发操作系统：Windows -> 目标操作系统：Android ，以查找与以下内容相关的说明：你的情况。 https://facebook.github.io/react-native/docs/getting-started.html

如果您打算在仿真器上进行开发，则需要确保已安装了仿真器（上面的链接提供了所需的所有信息）。另外，您还需要确保在运行react-native run-android之前启动仿真器，如果这样做，则应将其加载到仿真器上，并且应该能够看到所开发的内容。

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

博览会

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

您使用

安装expo-cli

npm install -g expo-cli

然后从App Store或Google Play商店（取决于您所使用的移动设备）下载expo应用程序。

然后您可以使用

expo init

创建您的应用

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