React Native (web Android)环境搭建踩坑(真的是一个艰辛的过程,大概所有坑都被我踩了

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

选择  Building Projects with Native Code

大家可以参照官方文档一步一步来,下面是我遇到的一些问题总结

  查看一下node版本           node -v

  ------- 进入安装之前最好查一下JDK版本       javac -version     (如果没有自己百度,配一下环境变量,这个也算是个超级大坑  o_o ....)

  中间自行安装  Android Studio

  执行 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-*           每一条都执行一下

先总结到这里吧,总体来说 非常多的坑 ,希望大家在开发过程中顺利

React Native 环境搭建踩坑的更多相关文章

  1. Ubuntu17.10 React Native 环境搭建

    React Native 环境搭建 环境:ubuntu17.10 安装依赖 必须安装的依赖有:Node.React Native 命令行工具以及 JDK 和 Andriod Studio. 安装nod ...

  2. 初学 React native | 环境搭建(在模拟器上运行)

    我的电脑是windows 所以就以 windows上+Android 配置React native 环境 网上的安装教程非常多,我总结了一下,配置环境时出错原因主要是node java python ...

  3. React Native环境搭建以及几个基础控件的使用

    之前写了几篇博客,但是没有从最基础的开始写,现在想了想感觉不太合适,所以现在把基础的一些东西给补上,也算是我从零开始学习RN的经验吧! 一.环境搭建 首先声明一下,本人现在用的编辑器是SublimeT ...

  4. Mac系统下React Native环境搭建

    这里记录一下在Mac系统下搭建React Native开发环境的过程: 1. 安装HomeBrew: /usr/bin/ruby -e "$(curl -fsSL https://raw.g ...

  5. 逻辑性最强的React Native环境搭建与调试

    React Native(以下简称RN),已经“火”了好一段时间了,网上的资料相对也很丰富,只是一直迟迟没有发布1.0,不过出身豪门(Facebook)的RN和国内顶级互联网公司对于RN的实践与应用, ...

  6. react Native环境 搭建

    react Native的优点:跨平台 低投入高回报 性能高 支持动态更新.一才两用(ios和Android) 开发成本第 代码复用率高.windows环境搭建react Native开发环境1.安装 ...

  7. React-Native(一):React Native环境搭建

    第一步:安装jdk 从java官网下载jdk8 配置环境变量: JAVA_HOME:D:\Program Files\Java\jdk1.8.0_111 Path中追加:%JAVA_HOME%\bin ...

  8. react native环境搭建(含错误处理)

    1.  Python 2  注意,不要选择3.0及以上的,还不成熟 安装过程中一直 next就可以了,但是注意下图,勾选添加到系统环境变量 安装完之后cmd输入 python 查看是否安装成功. 补充 ...

  9. 【react native】rn踩坑实践——从输入框“们”开始

    因为团队技术栈变更为react native,所以开始写起了rn的代码,虽然rn与react份数同源,但是由于有很多native有关的交互和变动,实际使用还是碰到蛮多问题的,于是便有了这个系列,本来第 ...

随机推荐

  1. 【Codeforces 466B】Wonder Room

    [链接] 我是链接,点我呀:) [题意] 让你把长为a,宽为b的房间扩大(长和宽都能扩大). 使得它的面积达到6*n 问你最小的能满足要求的面积是多少 输出对应的a和b [题解] 假设a< b ...

  2. lnmp的安装--nginx

    1.nginx的安装 安装所需环境 Nginx 是 C语言 开发,建议在 Linux 上运行,当然,也可以安装 Windows 版本,本篇则使用 CentOS 7 作为安装环境. 一. gcc 安装安 ...

  3. [luoguP1854] 花店橱窗布置(DP)

    传送门 f[i][j] 表示前 i 盆花,放到前 j 个花盆中的最优解 pre[i][j] 记录前驱 代码 #include <cstdio> #include <cstring&g ...

  4. nyoj_528_找球号(三)_201404152050

    找球号(三) 时间限制:2000 ms  |  内存限制:3000 KB 难度:2   描述 xiaod现在正在某个球场负责网球的管理工作.为了方便管理,他把每个球都编了号,且每个编号的球的总个数都是 ...

  5. C#: 根据指定压缩比率压缩图片

    直接上代码: /// <summary> /// 根据指定压缩比率压缩图片 /// </summary> /// <param name="original&q ...

  6. [JavaEE] Testing the Java EE Application : Basic Arquillian integration test

    We have model like this: package com.pluralsight.bookstore.model; import javax.persistence.*; import ...

  7. sql 分组取每组的前n条或每组的n%(百分之n)的数据

    sql 分组取每组的前n条或每组的n%(百分之n)的数据 sql keyword: SELECT * ,ROW_NUMBER() OVER(partition by b.UserID order by ...

  8. 开发汉澳sinox64位,对接汉澳矩阵电脑

    汉澳矩阵电脑刚刚不久前提出,即使全然设计出了汉澳矩阵电脑线路图,要在上面执行操作系统必须有矩阵操作系统. 汉澳sinox64位操作系统并非矩阵操作系统,仅仅是更为接近. 汉澳矩阵电脑假设插有16个矩阵 ...

  9. Android中不同方向嵌套滑动的解决方式(ListView为样例)

    前言: 就像手机QQ的聊天消息列表.一个纵向滑动的ListView列举全部消息,但每一条消息能够横向滑动. 而默认情况下,仅仅能有一个地方消化处理触摸事件,要么ListView吃掉这个事件.要么子It ...

  10. LeetCode 387. First Unique Character in a String (字符串中的第一个唯一字符)

    题目标签:String, HashMap 题目给了我们一个 string,让我们找出 第一个 唯一的 char. 设立一个 hashmap,把 char 当作 key,char 的index 当作va ...