Реактивная ссылка вызывает двойной импорт в настройках Android.
По какой-то причине, когда я звоню react-native link
добавляет дубликаты android/settings.gradle
что в свою очередь добавляет дубликаты импорта в android/app/src/main/com/<projectName>/MainApplication.java
,
Так было не всегда. Он начал делать это, когда я добавил определенный пакет вручную, потому что что-то не работало, но я не помню, какой именно.
Я догадываюсь, что react-native link
предполагается, что пакеты перечислены в некотором порядке - это выглядит как обратный алфавит - но поскольку имя пакета npm не обязательно совпадает с именем включаемого проекта в settings.gradle
который не соответствует имени импорта в MainApplication.java
Мне трудно понять, как изменить их порядок в settings.gradle
чтобы остановить это поведение. Или это может быть что-то совсем другое.
package.json
{
// ...
"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"
}
}
Вот какие файлы должны быть...
андроид / settings.gradle
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 / приложение / SRC / главная / ком / [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 link
файлы изменяются на:
андроид / settings.gradle
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 / приложение / SRC / главная / ком / [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
опять же, он добавляет третью копию пакетов.
Есть ли у кого-нибудь понимание того, как react-native link
работает?
2 ответа
Это известная ошибка в React Native. В настоящее время ожидается ошибка для этой ошибки: https://github.com/facebook/react-native/pull/18131
Обновление: ошибка была исправлена!
Чтобы решить эту проблему, вам просто придется вручную прочесывать свои зависимости всякий раз, когда вы запускаете react-native-link
, Я считаю, что полезно иметь чистый git-статус перед запуском, а затем просмотреть измененные файлы потом git diff
после этого.
ВНИМАНИЕ: Перед выполнением следующих шагов, пожалуйста, сделайте резервную копию вашего проекта.
Если бы я столкнулся с такой проблемой, то я бы удалил всю зависимость из settings.graddle, кроме include ':app'
, из getpackages кроме new MainReactPackage()
и из app / build.graddle я бы удалил все зависимости, кроме:
dependencies {
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+"
}
После удаления всего вышеприведенного кода, я бы запустил ссылку на реакцию.
Ура (кофе):)