在向反应原生项目添加矢量图标时生成失败的异常

Question

我必须在我的react原生项目中使用矢量图标，在为android平台构建（react原生运行android）时，我遇到了这个错误。

执行以下步骤添加矢量图标：

npm安装反应本机矢量图标–保存

反应-本机链接

有人能帮助解决这个问题吗？

失败：构建失败，有一个异常。*出了什么问题：配置项目： app时出现问题。

无法解析配置“”的所有依赖项：应用：\ u debugApk'。配置项目时出现问题：“反应本机向量图标”。无法解析配置“”的所有依赖项：“反应本机向量图标：类路径”。无法解析com.Android工具。构建：梯度：2.3。必需的：crm:react本机向量图标：未指定无法解析com.Android工具。构建：梯度：2.3。无法列出com的版本。Android工具。建造：格拉德尔。无法从加载Maven元数据https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml.找不到https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml’jcenter。垃圾箱。com:443未能响应

Answer 1

请检查在你的项目android文件夹是这些事情做，如果不是请做他们你也可以通过这个链接反应本地矢量图标android手动安装

Edit android/settings.gradle to look like this (without the +):
rootProject.name = 'MyApp'
include ':app'
+ include ':react-native-vector-icons'
+ project(':react-native-vector-icons').projectDir = new 
File(rootProject.projectDir, '../node_modules/react-native-vector- 
icons/android')
Edit android/app/build.gradle (note: app folder) to look like this:

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')
}


Edit your MainApplication.java (deep in 
android/app/src/main/java/...) to look like this (note two places to 
edit):

package com.myapp;

+ import com.oblador.vectoricons.VectorIconsPackage;

....

@Override
protected List<ReactPackage> getPackages() {
 return Arrays.<ReactPackage>asList(
   new MainReactPackage()
 +   , new VectorIconsPackage()
 );
}

}

如果出现问题，只需通过androidstudio或命令行清理android项目，以便命令行转到

project/android/app并运行

/gradlew清洁

Answer 2

不要使用android链接，推荐的选项是gradle，他们已经提供了。格雷德尔总是为我工作

Answer 3

编辑：更新gradle命令

你只需要运行命令：

CDAndroid

/gradlew清洁

希望能有所帮助。