react-native链接导致Android settings.gradle中的重复导入 [英] react-native link causes duplicate imports in Android settings.gradle

查看：68
本文介绍了react-native链接导致Android settings.gradle中的重复导入的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

由于某种原因，当我调用 react-native链接时，它会将重复的包含项添加到 android/settings.gradle 中，从而将重复的导入项添加到 android/app/src/main/com/< projectName>/MainApplication.java .

For some reason when I call react-native link, it adds duplicate includes to android/settings.gradle which in turn adds duplicate imports to android/app/src/main/com/<projectName>/MainApplication.java.

它并不总是做到这一点.当我手动添加一个特定的软件包时，它开始执行该操作，因为某些软件包不起作用，但我不记得是哪个软件包.

It hasn't always done this. It started doing it when I added a specific package manually because something wasn't working, but I don't remember which one.

我的直觉是， react-native链接假定包以某种顺序列出(看起来像是反向字母顺序)，但是因为npm包名称不一定与 settings.gradle 与 MainApplication.java 中的导入名称不匹配，我很难确定如何在 settings.gradle中对其进行重新排序以停止此行为.或可能完全是另外一回事.

My hunch is that react-native link assumes that packages listed in some order--it looks like reverse alphabetical--but as the npm package name doesn't necessarily match the include project name in settings.gradle which doesn't match the import name in MainApplication.java, I'm having a hard time figuring out how to reorder them in settings.gradle in order to stop this behavior. Or it could be something else entirely.

{
  // ...
  "dependencies": {
    "events": "^1.1.1",
    "flux": "^3.1.2",
    "react": "~15.4.1",
    "react-native": "0.42.0",
    "react-native-datepicker": "^1.4.4",
    "react-native-fs": "^2.1.0-rc.1",
    "react-native-navigation": "^1.0.30",
    "react-native-push-notification": "^2.2.1",
    "react-native-sound": "^0.9.1",
    "react-native-vector-icons": "^4.0.0",
    "redux": "^3.6.0"
  },
  "devDependencies": {
    "babel-jest": "19.0.0",
    "babel-preset-react-native": "1.9.1",
    "jest": "19.0.2",
    "react-test-renderer": "~15.4.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

文件应为... 

rootProject.name = // <projectName>
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
include ':react-native-sound'
project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')
include ':react-native-push-notification'
project(':react-native-push-notification').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-push-notification/android')
include ':react-native-navigation'
project(':react-native-navigation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation/android/app')
include ':react-native-fs'
project(':react-native-fs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fs/android')

include ':app'

android/app/src/main/com/[projectName]/MainApplication.java 

package // com.<projectName>;

import android.app.Application;

import com.facebook.react.ReactApplication;
import com.oblador.vectoricons.VectorIconsPackage;
import com.zmxv.RNSound.RNSoundPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.reactnativenavigation.RnnPackage;
import com.rnfs.RNFSPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

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

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }

  @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
  }
}

运行 react-native链接后，文件更改为:

rootProject.name = // <projectName>
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
include ':react-native-sound'
project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')
include ':react-native-push-notification'
project(':react-native-push-notification').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-push-notification/android')
include ':react-native-navigation'
project(':react-native-navigation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation/android/app')
include ':react-native-fs'
project(':react-native-fs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fs/android')
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
include ':react-native-sound'
project(':react-native-sound').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-sound/android')
include ':react-native-push-notification'
project(':react-native-push-notification').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-push-notification/android')
include ':react-native-navigation'
project(':react-native-navigation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation/android/app')
include ':react-native-fs'
project(':react-native-fs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fs/android')

include ':app'

android/app/src/main/com/[projectName]/MainApplication.java 

// ...
import com.facebook.react.ReactApplication;
import com.oblador.vectoricons.VectorIconsPackage;
import com.zmxv.RNSound.RNSoundPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.reactnativenavigation.RnnPackage;
import com.rnfs.RNFSPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import com.zmxv.RNSound.RNSoundPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.reactnativenavigation.RnnPackage;
import com.rnfs.RNFSPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

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

// ...

如果我再次运行 react-native-link ，它将添加软件包的第三份副本.

If I run react-native-link again, it adds a third copy of the packages.

是否有人对 react-native链接的工作原理有任何了解?

Does anyone have any insight into how react-native link works?

推荐答案

这是React Native上的一个已知错误.当前有一个针对该错误的PR待解决: https://github.com/facebook/react-native/pull/18131

This is a known bug on React Native. There's currently a PR pending for this bug: https://github.com/facebook/react-native/pull/18131

更新:该错误已修复！

要解决此问题，您只需在运行 react-native-link 时手动梳理您的依赖项.我发现在运行之前具有一个干净的git状态很有帮助，然后再使用 git diff 遍历更改后的文件.

To address this issue, you'll just have to manually comb through your dependencies whenever you run react-native-link. I find it's helpful to have a clean git status before running it, then going over the changed files afterwards with git diff afterwards.

这篇关于react-native链接导致Android settings.gradle中的重复导入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
移动开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆