React安装步骤

Posted 2023-03-15

参考技术A 1.新建一个文件夹，例如：react

2.进入react文件夹中，按住shift键，右键选择打开PowerShell窗口。

3.输入命令：①npm i -g create-react-app 回车

                    ②create-react-app 回车

                    ③create-react-app demo 回车(demo为项目名称，可任意取)

                    ④cd demo 回车

                    ⑤npm start 回车即安装成功。

如果报错，例如：

      events.js:174

      throw er; // Unhandled 'error' event

      ^

Error: spawn cmd ENOENT

    at Process.ChildProcess._handle.onexit (internal/child_process.js:240:19)

    at onErrorNT (internal/child_process.js:415:16)

    at process._tickCallback (internal/process/next_tick.js:63:19)

Emitted 'error' event at:

    at Process.ChildProcess._handle.onexit (internal/child_process.js:246:12)

    at onErrorNT (internal/child_process.js:415:16)

    at process._tickCallback (internal/process/next_tick.js:63:19)

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! demo@0.1.0 start: `react-scripts start`

npm ERR! Exit status 1

针对这种错误，解决方法如下

解决方法：1.将react文件夹中的package.json文件打开，将第一段react-scripts更改为如下数字，然后保存：

...............

    .................

    .................

    ................（此处省略以上内容）

  "react-scripts": "2.1.8"（此处做更改）

  ,

          2.鼠标右键删除node_modules依赖包(可能稍微有点慢)

          3.在控制台输入命令：npm install

          4.再次输入npm start 回车，即可成功；运行如下：

  You can now view demo in the browser.

  Local:            http://localhost:3000/

  On Your Network:  http://192.168.146.1:3000/

react-native的安装步骤，和可能遇见的BUG，react更新太快，官网安装很多坑。

• Windows react-native 安装流程和坑
  •  　　python2.7.x
  • 　　node.js8.7
  • 　　sdk配置：AS 按官网来即可

　　o   Tools/Android SDK Build-tools (23.0.1)（这个必须版本严格匹配23.0.1）

　　o   Android 6.0 (API 23)/SDK Platform (1)

　　o   Extras/Android Support Library

　　o   Extras/Android Support Repository

• 4、环境搭配ANDROID_HOME
• 5、输入命令：

o   npm config set registry https://registry.npm.taobao.org --global  ——————》》现在官网将npm改为 yarn

o   npm config set disturl https://npm.taobao.org/dist --global  ————————》》现在官网将npm改为 yarn

o   npm install -g react-native-cli

o   react-native init MyProject

o   react-native start&&react-native run-android

• 6、查看结果地址：http://localhost:8081/index.bundle?platform=android
• 7、Error

react-native 0.56版本在Windows上有bug不能正常运行, 在命令终端输入react-native init xxx --version 0.55.4  

其他可能遇见的命令

adb devices  启动连接adb

adb shell input keyevent 82  启动模拟器的调试模式（有些模拟器无法手动打开需再命令行中输入）

安装过程中可能会出现多种bug，请不要灰心，这正常的啊，我就被坑惨了。

另外安装问题还有问题的话，可以去delete    androidappuild 下的所有文件夹。

目前就这些，后期还有问题，还会补充。