React Native 环境搭建踩坑

React Native （web Android）环境搭建踩坑（真的是一个艰辛的过程，大概全部坑都被我踩了

官方文档地址 ： https://facebook.github.io/react-native/docs/getting-started

选择  Building Projects with Native Code 

你们能够参照官方文档一步一步来，下面是我遇到的一些问题总结

　　查看一下node版本     　     node -v     

　　------- 进入安装以前最好查一下JDK版本       java -version     （若是没有本身百度，配一下环境变量，这个也算是个超级大坑  o_o ....）

　　中间自行安装  Android Studio 

　　也能够参考我新写的掘金文章去安装，嘻嘻

　　https://juejin.im/post/5e467f91e51d4526cb161357

　　执行 React Native 指令       npm install -g react-native-cli      

　　装好了以后 建立项目       react-native init    文件名   

　　

　　出现图上以后项目就已经配置好了  //Android Studio 按照官网的配置就好了，

　　---------------     Android Studio 打开项目下的 android 文件夹 USB连接手机 

　　---------------   编辑器跟Android Studio 都要打开要运行的项目 ，不然可能会出现端口占用，404 

　　下面进入到文件夹     cd 文件名   

　　执行代码        react-native run-android   

　　连接手机，就如官网上所说的，没有问题的朋友就已经运行出来项目了  

　　---------------　出现红屏的朋友不要着急，那不是报错，晃一晃手机 出现一个就会菜单 选择  Dev Settings ===> Debug server host & Port for device   输入电脑IP   ---------------

　　或者，按照官网的方法在命令行执行      adb -s <device 端口号> reverse tcp:8081 tcp:8081　

　　若是  adb 报错 在环境变量    配置  path    里面新建添加     D://路径 Android\Sdk\platform-tools  

　　一切正常以后再摇一摇手机  选择第一个      Reload   

　　

 

　　下面是我踩坑的时候遇到的问题

　　> Configure project :app
　　WARNING: Configuration 'compile' is obsolete and has been replaced with 'implementation' and 'api'.

 　

 

　　出现这个问题是  Android Studio  依赖配置  打开 Android Studio   ， app ===> build.gradle     找到下面框的这个 所有替换为          implementation     

 

　　

 

  　　若是 gradle 版本太高或者为下载成功得 打开  Android Studio  如图配置   配置完命令行执行      react-native run-android    

 

　　

 

 

 　　若是 出现    Could not connect to development server      的报错  在命令行    npm start     

　　

---------------------------------------------------------------------------------------------------------------------------------->分割线

出现这个错误 error: bundling failed: Error: Unable to resolve module `路径`: Module `AccessibilityInfo` does not exist in the Haste module map        

 就按照提示在命令行输出就好了

  npm watchman watch-del-all            

  npm rm -rf node_modules && npm install       

  npm rm -rf /tmp/metro-bundler-cache-*       

  npm start -- --reset-cache                     

  npm rm -rf /tmp/haste-map-react-native-packager-*           每一条都执行一下             

 

先总结到这里吧，整体来讲 很是多的坑 ，但愿你们在开发过程当中顺利