博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native的一些坑Android
阅读量:4085 次
发布时间:2019-05-25

本文共 2579 字,大约阅读时间需要 8 分钟。

  1. 使用中文指导中的命令行安装【Chocolatey】失败,无法使用【choco】命令

    答:首先该命令是可以成功安装的,只不过下载过程有点慢,而且最好关闭360等软件;如果你等了很久还不行,就直接中断再试一次。
    如果有VPN,直接VPN挂起尝试,重试的时候记得去下载目录把之前的残余文件手动删除。
    我就是因为这个试了好久,明明文件都下载完了,但是就是不能识别【choco】命令,后来就是手动删除该文件夹后重试就通过了。
    然后接下来的安装nodejs和python一般就没什么问题了。

  2. 初始化项目的时候输入【react-native init AwesomeProject】命令后,一直显示installing,就没有反应了,是不是哪里步骤出错了?

    答:步骤没有错,这个命令执行也没有问题,因为这里下载的文件有点大,所以会等很久,如果网速不好建议还是找个网好的地方再试,
    还是建议使用VPN下载,我也是试了差不多有10多次才成功,如果需要中断直接ctrl+c,然后去C盘下把AwesomeProject目录删除再重试。

  3. 为什么是AwesomeProject呢?这个名字可以变吗?一定要在C盘init吗?

    答:肯定不是,存放工程的目录和工程的名字可以自己决定,有些人习惯吧工程统一放到一个盘符下面,不管哪个盘,肯定很少有人直接放C盘。如果自己更改了盘符后,在执行后面的【reavt-native run-android】命令的时候,记得把执行目录切换到你自己更改后的目录。

  4. 执行【react-native run-android】报错,编译已经通过了,而且APK也生成了,但是到安装的时候出错

    报错一
    报错二

    答:好像出现这个问题的原因有点多,找了几个解决方案,根据自己的情况看一下吧,不过很多情况是因为gradle的原因,默认初始化项目后的gradle版本是1.3.1,改回1.2.0基本可以解决这个问题,改成1.2.0之后需要重新编译,一次不就多试几次,我试了第二次才成功
    1.
    2.
    3.

  5. 使用真机模拟,摇晃手机无法弹出dev menu

    答:如果是安卓手机需要用到【悬浮窗】权限,到手机设置里看下该权限是否打开

  6. 在cmd输入某个命令的时候,提示【"xxx"不是内部或外部命令,也不是可运行的程序或批处理文件】

    答:这是因为没有在系统环境变量中配置该命令可执行程序,请重新查看文档中配置环境变量的部分,贴一下我的配置,我是windows10操作,如果环境变量少了红框里的内容可能就无法运行

  7. 我下载了别人的开源项目,怎么在我的电脑上运行呢?

    答:terminal切换到这个目录后
    第一步【npm install】
    第二步【react-native link】
    第三步【 react-native run-android】
    其中第二步并不是必须的,有一些npm_module用到了native功能时就需要先进行一下link才可以编译运行。比如:react-native-vector-icons,react-native-video等

  8. npm安装三方组件库一直报错

    答:把工程都关闭,然后重装一遍nodejs,然后在终端进入该目录后,重新安装试一下。我有好几个库出现这样的问题,在网上找了很久的教程,翻q出去还找了好久,结果重装nodejs就解决了

  9. React Native添加图片到项目后报错:...Unexpected character '◆'(1:0) at ...

    如果是Android的话将项目中所有build文件删除后重新编译即可。iOS不知道会不会出现这个问题。

  10. 添加react-native-video报错:provided dependencies can only be jars. com.facebook.react:react-native:aar.....is an Android Library......

    按照react-native-native的官方集成方式添加后发现会报错,按照下图方式修改,并把自己项目的android文件夹中所有【build文件夹】整个删掉后再重新编译!添加react-native-video需要执行【react-native link】命令,具体可以多在github上看下官方文档。

  11. 1.运行项目,出现中文乱码

    我使用的是webStorm开发,修改File -→File Encoding编码格式为utf-8,File→Setting→Editor→File Encoding,全部修改为 utf-8。Reload下试试。
    <!--more-->

    2.真机上运行,修改了js代码,Reload时候,需要多次刷新,才有效果

    Reload时候,运行着服务的命令窗口,需要在最前端,难道是我笔记本配置太菜,才遇到这个问题。

    3.React Native Android: screenPhysicalPixels.width is undefined

    You need to update the string in android/app/build.gradle to

    dependencies {


    compile "com.facebook.react:react-native:0.20.+"}

    Then just run

    npm start

    react-native run-android

    4.命令行:React-Native Command run-android unrecognized.Did you mean to run this inside a react-native project?

    You can try to do npm install before react-native run-android

    5.A problem occurred congfiguring project 'app'


    img

    这个是 package.json中 react-native 版本号与android/app下build.gradle中react-native 不一致。一般改为 compile "com.facebook.react:react-native:+" 就可以了

你可能感兴趣的文章
前端跨域解决方案
查看>>
Web前端面试——HTTP部分
查看>>
HTTP必知必会——常见面试题总结
查看>>
你不知道的Virtual DOM
查看>>
VUE面试题总结
查看>>
写好JavaScript条件语句的5条守则
查看>>
原生JS中DOM节点相关API合集
查看>>
新手快速上手webpack4打包工具的使用
查看>>
发布 react 组件到 npm
查看>>
定制化你的ReactNative底部导航栏
查看>>
Lodash是如何实现深拷贝的
查看>>
面试题之如何实现一个深拷贝
查看>>
React中使用CSS的7中方式(应该是最全的)
查看>>
常见(XSS|CSRF)六大Web安全攻防解析
查看>>
前端基础面试整理
查看>>
React-router路由基本原理
查看>>
redux源码解析
查看>>
React.js 常见问题
查看>>
vuex源码解析
查看>>
理解函数的柯里化
查看>>