如何初始化 React Native 项目

Question

请注意，我已阅读文档，并参考了错误发生的点以及我已采取的步骤。 请不要建议我遵循我已经表明我已遵循的说明。

在尽我所能遵循 React Native 的文档之后，我一直无法让 React Native 运行。 我已经按照说明安装了 jdk、node 和 Android Studio（使用 Chocolatey 和链接）。 Android 模拟器从 Android Studio 运行。 我正在使用 npm 版本 6.1.0、节点版本 8.4.0、jdk 8、Android Studio 3.1.3。 我在react-native init AwesomeProject之后得到的错误是SyntaxError: Unexpected token import 。 我做错了什么？ 我怎样才能解决这个问题？ 运行react-native run-android也会出现同样的错误。

需要明确的是，我在正确的目录中。 ANDROID_HOME设置为正确的sdk文件夹。 有一个标题， Running your React Native application ，运行第一个命令会给我留下错误，但在那之前我没有收到错误。

Answer 1

1. 安装 npm
2. 安装 react native cli => npm install -g
   react-native-cli && npm install -g react-native (admin or sudo)
   3. 反应原生初始化 MyProject
   4. cd 我的项目
   5. react-native run-ios 或 run-android

Answer 2

1. 将节点更新到最新版本。
2. npm install -g react-native-cli 。
3. npx react-native init newProject 。

由于您在全球范围内安装了 react native，因此您不再需要使用 npx 包，只需尝试

react-native init newProject

Answer 3

假设您安装了 Node 14 LTS 或更高版本，您可以使用 npm 安装 Expo CLI 命令行实用程序：

 npm install -g expo-cli

然后运行以下命令创建一个名为“AwesomeProject”的新 React Native 项目：

 expo init AwesomeProject cd AwesomeProject npm start

来源： React Native 环境设置