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

Question

我在 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 $? 

Answer 1

你的顺序错了。你应该是

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

Answer 2

我认为您添加了错误的全局依赖项，您不需要在全局或本地安装react-native。 react-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

Answer 3

请访问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 我看到了：

• 反应原生
• react-native.cmd
• react-native.cmd.cmd

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

解决方案#1324 (comment)

Answer 4

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（现已停产）已与 Expo CLI 合并 您现在可以使用 expo init 创建您的项目。请参阅快速入门 世博会文档，了解如何开始使用世博会 命令行界面。

很遗憾，react-native-cli 已过时。从 2017 年 3 月 13 日开始，请改用 create-react-native-app。此外，您不应该使用 NPM 安装 Yarn。而是使用yarn installation page 上的一种方法。

1。安装yarn

Via NPM. 根据其installation docs，您不应该通过npm 安装yarn，但如果需要，您仍然可以使用pre v5 版本的@ 安装它987654331@。

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 App

yarn global add create-react-native-app

3。更新你的 shell 环境

source ~/.bashrc

4。创建一个 React 原生项目

create-react-native-app myreactproj