react-native-cli 创建项目初体验

一、安装react-native-cli

//npm
npm i -g react-native-cli
//yarn
yarn -g add @react-native-community/cli

二、创建react-native项目

npx react-native init [项目名称]
// or
react-native init [项目名称]

三、遇到的问题

1. node版本过低，我的node版本是14.0.0，而它要求的是 >=15.0.0，所以导致创建项目失败。
   
   

解决方案：

（1）使用nvm切换node版本：(个人用nvm来做node版本控制)

// 下载对应node.js版本
nvm install [版本号]

// 切换到对应得版本
nvm use [版本号]

…

2. react-native版本过高报TypeError: cli.init is not a function 问题，导致项目创建失败。
   创建项目失败后进入对应文件夹查看 react-native版本：
   

解决方案：
使用低版本的react-native来创建项目：

// 查看react-native 历史版本
npm info react-native

// 只要版本在 o.6以内都可以
react-native init [项目名称] --version 0.68.3

// 运行项目
yarn android

四、运行项目成功

五、参考文章

• React Native库版本升级与降级
• React Native 基础教程