说明

本教程按照react-native中文网6.0处理，全程使用安卓真机+windows

下载安装

android studio,git,node12,python2.7,yarn1.21

链接：https://pan.baidu.com/s/1eS-Dq8spWmp8_Fh8RilxFA
提取码：a48t

Java套装jdk8,eclipseEE(4.7.3a),tomcat9,java_API1.6中文版，Xjad2.2

链接：https://pan.baidu.com/s/1YshU5tqr64cWHCbQ-ykwbQ
提取码：xc5f
各版本详情如下
##

真机（手机和笔记本）相关设置

手机开启usb调试和“仅充电”模式下允许ADB调试
在cmd窗口下运行adb devices来查看usb连接情况

adb devices

查询本机ip地址，并配置端口号

cmd下输入ipconfig并回车,ipv4就是你的ip地址，该地址配置到之后创建成功后的项目中，晃动手机
setting–>Debugging–>把电脑的ip地址输入进去，并设置端口：8081
例如：100.100.100.100：8081

创建项目App3

react-native init App3 --0.60.0
react-native start

报错提示：

解决方案：修改\node_modules\metro-config\src\defaults\blacklist.js

var sharedBlacklist = [/node_modules[\/\\]react[\/\\]dist[\/\\].*/,/website\/node_modules\/.*/,/heapCapture\/bundle\.js/,/.*\/__tests__\/.*/
];

再次运行：react-native start

新建cmd窗口不要关闭之前的cmd窗口，运行react-native run-android

电脑浏览器输入：http://localhost:8081/

在手机中查看

react-native环境配置相关推荐

史上最详细Windows版本搭建安装React Native环境配置
说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特 ...
React Native 环境配置
搭建环境笔记记录: 搭建开发环境安装node, watchman brew install node brew install watchman 复制代码设置镜像加速 npm config set ...
Mac M1 搭建 React Native 环境
Mac M1 搭建 React Native 环境环境安装可以参考对照官方文档,本文针对M1芯片目前未完全适配情况下的方案,算是临时解决方案,不具有时效性. 你需要自行准备的依赖:Xcode &g ...
逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
React Native 环境搭建步骤
之前一直用RN写APP,但是真正对于RN的安装以及环境配置缺不太了解.相当于站在巨人的肩膀.这次,研究RN的同事离职,所以这块儿就必须要接手.从新搭建了一次环境.在此记录一下. 一.RN环境搭建的必须 ...
React Native 环境搭建
搭建开发环境在React Native官网 https://reactnative.cn/docs/environment-setup 网址上有两种环境,一种完整原生环境,所谓原生环境, RN之所以 ...
webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
工具准备: SDK Android SDK Build-tools:23.0.1 SDK Platform:Android N .6.0 .5.1.1.5.0.1.4.4.2.4.1.2 Androi ...
React Native项目配置路由和选项卡导航__React Navigation的使用
React Native 配置路由在网上看了很多例子跟着写,发现都不行,发现之前的写法都已经弃用了,跟着官方一步步来吧. 参考官方文档:React Navigation 先创建好项目: npx re ...
react Native 环境安装配置——图解版一目了然
✨原创不易,还希望各位大佬支持一下\textcolor{blue}{原创不易,还希望各位大佬支持一下}原创不易,还希望各位大佬支持一下
React native 环境搭建遇到问题解决(android)
新建项目 react-native init TestApp 运行项目 react-native run-android 不好意思,错误马上就到了问题一通常遇到这个错误之后,系统会给出这个具体详情 ...

react-native环境配置

说明