如何使用 Yarn 创建 React Native 项目?

How do I create a React Native project using Yarn?

我 运行 在 Windows 7(64 位)机器上的 DOS 控制台中执行以下命令。

npm install -g yarn
yarn add global react-native
yarn add global react-native-cli

react-native init sample

运行react-native init sample后,控制台关闭。

错误日志显示:

D:\Mobile>"$basedir/../../Users/pramaswamy/AppData/Local/Yarn/.global/node_modules/.bin/react-native.cmd"   "$@" 

D:\Mobile>exit $? 

你顺序错了。你应该

yarn add global react-native-cli
yarn add react-native
react-native init sample

我认为您添加的全局依赖项有误,您不需要全局或本地安装 react-nativereact-native init 将创建一个 package.json,其中 react-native 列为依赖项。

您应该能够使用 yarn global add react-native-cli 全局安装 react-native-cli,而不是 yarn add global react-native-cli

您 运行 应该没问题:

npm install -g yarn
yarn global add react-native-cli
react-native init sample

请您访问Bug

yarn global add react-native-cli

react-native --version

我得到 "$basedir/../../Users/juvasquezg/AppData/Local/Yarn/config/global/node_modules/.bin/react-native.cmd" "$@"

the system cannot find the path specified

转到 C:\Program Files\nodejs 我看到了:

  • 本机反应
  • 反应-native.cmd
  • react-native.cmd.cmd

修复方法是删除 react-native.cmd 并将 react-native.cmd.cmd 重命名为 react-native.cmd

解决方案#1324 (comment)

2019 年 9 月新, 现在更简单了,使用 node10 和 expo:(简单方法)

npm install -g expo-cli

*to create project:

    expo init AwesomeProject

    cd AwesomeProject
    npm start

*install the app 'expo' on your phone, and scan the qr code for the project and you can start to view your app

更多信息: https://facebook.github.io/react-native/docs/getting-started.html

UPDATE OCT 2018 Create React Native App (now discontinued) has been merged with Expo CLI You can now use expo init to create your project. See Quick Start in the Expo documentation for instructions on getting started using Expo CLI.

不幸的是,react-native-cli 已过时。从 2017 年 3 月 13 日开始,请改用 create-react-native-app。此外,您不应该使用 NPM 安装 Yarn。相反,请使用 yarn installation page.

上的其中一种方法

1。安装 yarn

通过 NPM。 根据其 installation docs,您不应通过 npm 安装 yarn,但如果需要,您可以仍然使用 v5 之前的 npm 版本安装它。


2018 年更新 - 10 月

Node 8.12.0 和 NPM 6.4.1 已经与 create-react-native-app 兼容。确实有些未成年人以前的版本太多了。你不需要再降级你的 npm。

在 Ubuntu.

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

在 macOS 上, 使用 Homebrew 或 MacPorts。

brew install yarn
sudo port install yarn

2。安装 Create React Native 应用程序

yarn global add create-react-native-app

3。更新您的 shell 环境

source ~/.bashrc

4。创建 React 本机项目

create-react-native-app myreactproj

现在是:

yarn dlx create-react-native-app

然后按照说明进行操作。

cd project_name 进入项目文件夹并执行:

yarn install

然后试试:

yarn web

你也可以

yarn dlx expo-cli

然后:

expo init project_name

并按照说明进行操作

完成后 cd project_name 并尝试

yarn web