如何使用 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

我认为你错误地添加了全局依赖项，你不需要在全局或本地安装react-native 。 react-native init将创建一个package.json其中react-native列为依赖项。

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

运行以下内容应该没问题：

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

Answer 2

2018年10月更新创建React Native App（现已停止）已与Expo CLI合并您现在可以使用expo init创建项目。 有关入门使用Expo CLI的说明，请参阅Expo文档中的“快速入门”。

不幸的是， react-native-cli已经过时了 。 从2017年3月13日开始，请使用create-react-native-app 。 此外，您不应该使用NPM安装Yarn。 而是在yarn 安装页面上使用其中一种方法。

1.安装yarn

通过NPM。 根据其安装文档 ，您不应该通过npm安装yarn ，但如果有必要，您仍然可以使用pre-v5版本的npm安装它。

npm install -g npm@4.6.1

2018年更新 - 10月

节点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

Answer 3

你的订单错了。 你应该

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

Answer 4

请你访问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
• 反应-native.cmd.cmd

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

解决方案＃1324（评论）

Answer 5

就是现在：

yarn dlx create-react-native-app

然后按照说明进行操作。

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

yarn install

然后尝试：

yarn web

Answer 6

你也可以这样做

yarn dlx expo-cli

然后：

expo init project_name

并按照说明进行操作

完成后cd project_name并尝试

yarn web

Answer 7

如果你想使用 yarn 而不是 npx 创建应用程序；

yarn dlx react-native init ExampleApp这个命令会有帮助。

根据 React Native 文档，我们应该use npx react-native init AwesomeProject命令

有关“yarn dlx”的更多信息： https://yarnpkg.com/cli/dlx

Yarn global 已弃用。 如果你运行yarn global你会得到一个错误。

使用错误：“yarn global”命令已在 2.x 中删除 - 考虑改用“yarn dlx”或第三方插件

但是 yarn dlx 不会像yarn global或npm install <module> --global