【问题标题】:How to initialize React Native project如何初始化 React Native 项目
【发布时间】:2018-07-05 17:14:08
【问题描述】:

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

在尽我所能关注 React Native 的documentation 之后,我一直无法让 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,运行第一个命令会给我留下错误,但在那之前我没有收到错误。

【问题讨论】:

  • 你不能运行react-native run-android而不先cd-ing到你的React Native项目并且你不能有一个React Native项目直到成功运行react-native init YourProjectName。因为听起来import 没有定义,所以我会确保您的项目使用的是Node 8.4.0 版。运行 node -v 会发生什么?
  • @MichaelL。我正在使用 npm 版本 6.1.0、节点版本 8.4.0、jdk 8、Android Studio 3.1.3。
  • 初始化 React Native 项目不应该与 Android Studio 有任何关系。我唯一的答案要么是您没有完全按照说明进行操作,要么您有一个环境变量(可能位于您计算机的根目录),它在 React Native 初始化期间覆盖了某些内容。如果问题看起来毫无希望,您可以尝试使用snack.expo.io。
  • 首先在您的任何驱动器上创建一个文件夹,然后从命令提示符/终端导航到该文件夹​​火命令 react-native init (ProjectName) 这将开始为您构建项目.
  • 项目构建,但我在AwesomeProject\node_modules\react-native\local-cli\cliEntry.js:30 收到错误,即import type {CommandT} from './commands'; 行。

标签: android reactjs react-native


【解决方案1】:
  1. 安装 npm
  2. 安装 react native cli => npm install -g
    react-native-cli && npm install -g react-native (admin or sudo)
    1. react-native init MyProject
    2. cd 我的项目
    3. react-native run-ios 或 run-android

【讨论】:

    【解决方案2】:
    1. 将节点更新到最新版本。
    2. npm install -g react-native-cli
    3. npx react-native init newProject

    由于您在全局安装 react native,您不再需要使用 npx 包,只需尝试

    react-native init newProject

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-08-17
      • 1970-01-01
      • 2021-06-12
      • 2015-06-20
      • 2021-05-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多