react-native链接导致Android settings.gradle中的重复导入

时间：2017-03-26 18:27:48

标签： android react-native

出于某种原因，当我致电react-native link时，它会向android/settings.gradle添加重复的包含，这会将重复的导入添加到android/app/src/main/com/<projectName>/MainApplication.java。

它并不总是这样做。当我手动添加一个特定的包时，它开始这样做，因为有些东西不起作用，但我不记得是哪一个。

我的预感是react-native link假定按某种顺序列出的包 - 它看起来像反向字母 - 但是因为npm包名称不一定与{{1}中的包含项目名称匹配}}与settings.gradle中的导入名称不匹配，我很难弄清楚如何在MainApplication.java中对它们进行重新排序以阻止此行为。或者它可能完全不同。

的package.json 

settings.gradle

这里的文件应该是什么......

机器人/ settings.gradle 

{
  // ...
  "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"
  }
}

机器人/应用/ SRC /主/ COM / [项目] /MainApplication.java 

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'

运行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); } } 后，文件变为：

机器人/ settings.gradle 

react-native link

机器人/应用/ SRC /主/ COM / [项目] /MainApplication.java 

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'

如果我再次运行// ... 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如何运作？

2 个答案:

答案 0 :(得分：3)

这是React Native上的已知错误。目前有一个针对此错误的PR待处理：https://github.com/facebook/react-native/pull/18131

更新：错误已修复！

要解决此问题，您只需在运行react-native-link时手动梳理依赖项。我发现在运行它之前有一个干净的git状态是有帮助的，然后在事后用git diff检查已更改的文件。

答案 1 :(得分：0)

注意：在执行以下步骤之前，请备份您的项目。

如果我遇到这种问题那么我会删除除Canvas canvas = new Canvas(canvas, pdfDoc, new Rectangle(36, 20, page.getPageSize().getWidth() - 72, 50)); for (IElement headerElement : headerElements) { // Making sure we are adding blocks to canvas if (headerElement instanceof IBlockElement) { canvas.add((IBlockElement)headerElement); } } 之外的settings.graddle的所有依赖项，除了include ':app'和app / build.graddle之外的getpackages我会删除所有依赖项，除了：

new MainReactPackage()

删除所有上述代码后，我会运行react-native链接。

干杯（咖啡）：）

相关问题
最新问题