如何使用 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-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
请您访问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
我 运行 在 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-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
请您访问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