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

Posted 2023-02-16

技术标签:

【中文标题】如何使用 Yarn 创建 React Native 项目？【英文标题】：How do I create a React Native project using Yarn? 【发布时间】：2017-02-22 00:40:42 【问题描述】：

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

【问题讨论】：

如果你使用的是 windows，你应该使用 Chocolatey 安装：choco install yarn 【参考方案1】：

你的顺序错了。你应该是

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

【讨论】：

【参考方案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

【讨论】：

请注意，Yarn 目前不鼓励通过 npm 安装 yarn。 react-native-cli 已过时 React Native 文档状态：“如果您之前安装了全局 react-native-cli 包，请将其删除，因为它可能会导致意外问题。” reactnative.dev/docs/…【参考方案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)

【讨论】：

【参考方案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 yarnsudo port install yarn