react-native添加react-native-vector-icons插件android遇到的问题

问题

yarn add react-native-vector-icons后图省事使用react-native link来添加native配置,结果run时报错。

ps:安装的需要native的插件不变且多次link会一直给几个配置文件里添加代码,会出现多余代码,最好在link后跟插件名link特定插件。

解决

原因是link配置不完全,android/app/build.gradle文件少了一行配置:

apply plugin: 'com.android.application'
 
android {
  ...
}
 
dependencies {
  compile fileTree(dir: 'libs', include: ['*.jar'])
  compile "com.android.support:appcompat-v7:23.0.1"
  compile "com.facebook.react:react-native:+"  // From node_modules
+ compile project(':react-native-vector-icons')
}

link可能会有问题,最稳健的还是插件文档中提到的手动方式(推荐)


添加后引出第二个问题,如下

问题

解决

上网找了原因可能是react-native的0.52.0之后的版本bug问题(我使用的是0.53.3)。issue

删除node_modules/react-native/local-cli/core/__fixtures__/files/package.json文件重新run即可。

在项目根目录命令行使用命令rm ./node_modules/react-native/local-cli/core/__fixtures__/files/package.json更快哦。

注意 删除文件的解决办法可能会出现每次run时都出现这个问题

更好的解决

在项目根目录创建rn-cli.config.js文件,在里面添加如下代码:

const blacklist = require('metro/src/blacklist')
module.exports = {
  getBlacklistRE () {
    return blacklist([/react-native\/local-cli\/core\/__fixtures__.*/])
  }
}

重新run即可

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SDNLAB

ONOS编程系列(三)应用模板

此文章承接ONOS编程系列(二)命令行命令与服务开发,本文将为你介绍ONOS编程系列(三)应用模板。 每次新建项目都要重新手动构建应用项目的骨架,而且应用都放在...

3295
来自专栏守候书阁

.gitignore文件规则不起效的解决办法

在一个项目里面,多少会有一些文件是不需要上传到git上面的,比如node的依赖模块node_modules,这个文件夹超过10000个文件,大小也超过80M。所...

521
来自专栏主机笔记

Linux一键安装Transmission电影下载到服务器

Transmission是一种BitTorrent客户端,可以装在服务器上下载pt站电影资源,什么时候看再拉回本地,非常方便。 此一键脚本适用于CentOS6,...

4357
来自专栏JavaQ

开发环境利器vagrant

引言 团队合作的编码过程中,有时会因为个人开发环境的不同,而出现“代码在我的机器上运行没问题,在别人的机器上有问题”的情况。团队有新人加入时,需要为准备开发环境...

3154
来自专栏智能合约

Phalcon入门教程之安装

1163
来自专栏Crossin的编程教室

【编程课堂】同一台电脑,不同的 Python

virtulenv 是一个创建独立 python 运行环境的工具。 在标准的 python 环境中,所有的库都是唯一存在的,不会有两个或以上版本的相同库。 但在...

30911
来自专栏HTML5学堂

使用Git多人协作,完成项目开发

HTML5学堂-利利:关于Git的知识,我们共分成了四个大步骤进行讲解,之前我们提到了Git的安装与配置、Git在本地的使用方法,如何创建Git本地仓库与服务器...

4165
来自专栏伦少的博客

centos7 hadoop 单机模式安装配置

转载请务必注明原创地址为:http://dongkelun.com/2018/03/23/hadoopConf/

46011
来自专栏十字街

flask部署到腾讯云:flask+gunicorn+Nginx+CentOS7.2 64位

总体是参考此篇部署:https://blog.csdn.net/gold_level/article/details/81289697

1190
来自专栏云计算教程系列

如何在Ubuntu 16.04上安装Git

现代软件开发中不可或缺的工具是某种版本控制系统。版本控制系统允许您在源级别跟踪软件。您可以跟踪更改,还原到以前的阶段,然后分支以创建文件和目录的备用版本。

1467

扫码关注云+社区