react-native创建项目遇到的问题及报错和解决方案

前言：

  最近要开发react-native项目，环境搭建遇到各种问题，特此记录一下。

   开发平台：MacBook Pro (13-inch, M1, 2020)    芯片： Apple M1

  

   react-native:0.64

   x-code:12.5

  Android studio :4.1.3

  react-native环境搭建（官网）

1.运行创建项目 

npx react-native init AwesomeProject

2.运行  "cd ./AwesomeProject/ios && pod install". 

一、遇到的问题(ios)

1.error Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template.

大概意思：

错误：无法安装此模板所需的iOS项目的CocoaPods依赖项。

解决方案：

1.切换国内源  cocopods安装及换源

2.fatal: unable to access 'https://github.com/google/glog.git/': LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443 

大概意思：

致命：无法访问'https://github.com/google/glog.git/'：LibreSSL SSL\u connect:SSL\u ERROR\u SYSCALL连接到github.com:443

解决方案：

运行这个

git config --global --unset http.proxy
git config --global --unset https.proxy

具体可查看这个 

3.安装 Home brew 报错curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to raw.githubusercontent.com:443

解决方案：

解决方案

4.如果不是环境问题（也就是node，watchman,x-code,homebrew,yarn,npm，cocoPods的问题）,只是在x-code的中运行报各种错误，终极解决方案

删除 项目下的=>ios=>Pods文件夹 然后运行pod install(注意需要 cd ios再运行pod install)

亲测可以，之前各种错误，最后删除了Pods再运行就都没有了。这个只用于ios环境不涉及Android。

5.'atomic_notify_one<unsigned long>' is unavailable

 解决方案：解决方案

6.Failed to build iOS project. We ran “xcodebuild“ command but it exited with error code 65.

解决办法
    首先，清除当前项目中所加载关联的依赖包并清除 yarn 的缓存

 rm -rf node_modules && yarn cache clean

  其次，重新安装依赖包

  yarn install

再其次，清除 ReactNative 的缓存

rm -rf ~/.rncache

   再其次，删除 项目下的=>ios=>Pods文件夹 然后运行pod install(注意需要 cd ios再运行pod install) --参考本片序号4
  最后，重新尝试启动程序模拟器即可

react-native run-ios
解决方案：解决方案

7.RCTStatusBarManager modulce requires that the UIViewControllerBasedStatusBarAppearance key inthe info.plist is set to No

RCTStatusBarManager modulce requires that the UIViewControllerBasedStatusBarAppearance key inthe info.plist is set to No报错解决

二、遇到的问题（Android）

环境之类的都装好了，就是android studio模拟器无法启动，各种方法都尝试了。最后才知道我的电脑无法使用。--确保环境没问题，只是硬件无法使用。（如果真机调试可以，就是模拟器怎么都启动不了，且不满足下面截图信息），芯片一定要是intel芯片才行，而我的mac本是M1芯片不支持。就连官方文档推荐的Genymotion、BlueStack,也无法使用只能使用android-emulator-m1-preview

1.android studio 添加模拟器右边显示 Your CPU does not VT-x or SVM  那么就无法使用模拟器了。

参考：本文

如果不是上面的错误，不会出现太大的问题，报错直接一搜就都能解决（安装路径不能出现中文，否则会出现其他问题）。当然模拟器不一定必须，真机调试也行。

具体解决方案如下：

Mac本M1芯片无法使用Android模拟器的解决方案及android-emulator-m1-preview的安装

2.如果不是硬件不支持报错unable to locate adb。

环境：Android Studio 4.0
打开虚拟设备时，弹出“unable to locate adb”

解决方法：往往报错是因为SDK没有被选中。
File-Project Structure-Project SDK
正确填写SDK路径。

一般此时问题可以得到解决，否则检查是否正确安装了
SDK Manager-SDK Tools-Android SDK Platform Tools。

3.如果不是硬件不支持（不是第一个问题）还会遇到安卓模拟器启动不了或者启动缓慢。

 则需要安装加速器 

 1. 打开android studio界面里Configure=>SDK Manager=>android sdk=>sdk tools=>选中 Intel x86 Emulator  Accelerator(HAXM installer)

  

2.安装 进入到 android sdk(上面的截图中Android SDK Location) => extras =>intel会看到安装包安装即可

 提示commznd+shift+.可以显示隐藏的文件（因为Library会被隐藏，Library也叫资源库）。

 如果直接从桌面找：

  Macintosh HD =>用户(也叫Users)=>weichengyu=>commznd+shift+.(资源库也叫Library)=>Android=>sdk=>xtras =>intel会看到安装包安装即可

 Mac本使用技巧第6个