Réagir aux ressources dupliquées natives
Après la mise à niveau vers React Native 0.57, je suis confronté à un problème lors de la génération de l'APK dans react-native-router-flux.Lors de l'exécution de.\Gradlew assembleRelease
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:mergeReleaseResources'.
> [drawable-mdpi-v4/node_modules_reactnativerouterflux_images_back_chevron]
R:\Workings\lisecapps\androidrepo\test-react-
native\venutest\Android\app\src\main\res\drawable-
mdpi\node_modules_reactnativerouterflux_images_back_chevron.png
[drawable-mdpi-v4/node_modules_reactnativerouterflux_images_back_chevron]
R:\Workings\lisecapps\androidrepo\test-react-
emirnative\venutest\Android\app\build\generated\res\react\release\drawable-
mdpi-v4\node_modules_reactnativerouterflux_images_back_chevron.png: Error:
Duplicate resources
[drawable-mdpi-v4/node_modules_reactnativerouterflux_images_menu_burger]
R:\Workings\lisecapps\androidrepo\test-react-nat
ive\venutest\Android\app\src\main\res\drawable-
mdpi\node_modules_reactnativerouterflux_images_menu_burger.png
[drawable-mdpi-v4/node_modules_reactnativerouterflux_images_menu_burger]
R:\Workings\lisecapps\androidrepo\test-react-
native\venutest\Android\app\build\generated\res\react\release\drawable-mdpi-
v4\node_modules_reactnativerouterflux_images_menu_burger.png: Error:
Duplicate resources
J'ai essayé ce qui suit pour résoudre mais toujours la même erreur: -
- J'ai essayé de créer un script comme indiqué dans la première réponse ici pour éviter la copie en double de la ressource Images.
- Supprimé tout le dossier app/build
Vous devez supprimer les ressources générées/drawable et générer à nouveau.
rm -rf Android/app/src/main/res/drawable-*
react-native bundle --platform Android --dev false --entry-file index.js --bundle-output Android/app/src/main/assets/index.Android.bundle --assets-dest Android/app/src/main/res/
Et compiler à nouveau Android react-native run-Android
Vous pouvez essayer de nettoyer la mémoire catch et de réinstaller les modules de nœud.
watchman watch-del-all
rm -rf node_modules && npm install
rm -fr $TMPDIR/react-*
npm cache clean
npm start -- --reset-cache
C'est un travail pour moi.
[0.57] Solution de contournement laide
Si vous ne souhaitez pas restaurer la version native de react, vous pouvez simplement restaurer le fichier react.gradle à la dernière version opérationnelle. Cela a fonctionné pour moi.
Copiez le code git dans node_modules/react-native/react.gradle
https://github.com/facebook/react-native/blob/2d9e2f30e17b8e79f2c44ef533ecdd550671304c/react.gradle
Si le problème persiste, essayez de supprimer la if (isAndroidLibrary) sur doLast.
react.gradle construit automatiquement votre javascript et copie toutes les ressources importées à l'intérieur de celui-ci dans le dossier de construction. Assurez-vous de NE PAS appeler manuellement react-native bundle et supprimez tous les fichiers ou dossiers en tant que src/main/res/drawable-* et src/main/assets/*.bundle et avoir les modifications suivantes dans votre app/bundle.gradle
project.ext.react = [
entryFile : "index.js", // or index.Android.js
bundleInRelease: true,
bundleInDebug: true
]
apply from: "../../node_modules/react-native/react.gradle"
Remarque: veuillez noter que certaines versions natives de réaction ont un problème avec le code local cli.js veuillez vous assurer de mettre à niveau vers une version plus récente ou essayez d'ajouter la configuration suivante.
project.ext.react = [
// ...
cliPath: "node_modules/react-native/local-cli/cli.js"
]
J'utilise:
"react": "^16.5.2",
"react-native": "0.57.1",
J'ai modifié le build.gradle de mon application comme ça
ext.react = [
entryFile: "index.js",
bundleInRelease : true,
resourcesDirRelease : "src/main/res"
]
apply plugin: 'com.Android.application'
import com.Android.build.OutputFile
//using custom react gradle here to get around https://stackoverflow.com/questions/52464842/react-native-duplicate-resources
apply from: "../react.gradle"
//apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-code-Push/Android/codepush.gradle"
et puis ma coutume react.gradle ressemble à ceci
import org.Apache.tools.ant.taskdefs.condition.Os
def config = project.hasProperty("react") ? project.react : [];
def cliPath = config.cliPath ?: "node_modules/react-native/local-cli/cli.js"
def bundleAssetName = config.bundleAssetName ?: "index.Android.bundle"
def entryFile = config.entryFile ?: "index.Android.js"
def bundleCommand = config.bundleCommand ?: "bundle"
// because elvis operator
def elvisFile(thing) {
return thing ? file(thing) : null;
}
def reactRoot = elvisFile(config.root) ?: file("../../")
def inputExcludes = config.inputExcludes ?: ["Android/**", "ios/**"]
def bundleConfig = config.bundleConfig ? "${reactRoot}/${config.bundleConfig}" : null ;
void runBefore(String dependentTaskName, Task task) {
Task dependentTask = tasks.findByPath(dependentTaskName);
if (dependentTask != null) {
dependentTask.dependsOn task
}
}
afterEvaluate {
def isAndroidLibrary = plugins.hasPlugin("com.Android.library")
// Grab all build types and product flavors
def buildTypes = Android.buildTypes.collect { type -> type.name }
def productFlavors = Android.productFlavors.collect { flavor -> flavor.name }
// When no product flavors defined, use empty
if (!productFlavors) productFlavors.add('')
productFlavors.each { productFlavorName ->
buildTypes.each { buildTypeName ->
// Create variant and target names
def flavorNameCapitalized = "${productFlavorName.capitalize()}"
def buildNameCapitalized = "${buildTypeName.capitalize()}"
def targetName = "${flavorNameCapitalized}${buildNameCapitalized}"
def targetPath = productFlavorName ?
"${productFlavorName}/${buildTypeName}" :
"${buildTypeName}"
// React js bundle directories
def jsBundleDirConfigName = "jsBundleDir${targetName}"
def jsBundleDir = elvisFile(config."$jsBundleDirConfigName") ?:
file("$buildDir/intermediates/assets/${targetPath}")
def resourcesDirConfigName = "resourcesDir${targetName}"
def resourcesDir = elvisFile(config."${resourcesDirConfigName}") ?:
file("$buildDir/intermediates/res/merged/${targetPath}")
def jsBundleFile = file("$jsBundleDir/$bundleAssetName")
// Bundle task name for variant
def bundleJsAndAssetsTaskName = "bundle${targetName}JsAndAssets"
// Additional node and packager commandline arguments
def nodeExecutableAndArgs = config.nodeExecutableAndArgs ?: ["node"]
def extraPackagerArgs = config.extraPackagerArgs ?: []
def currentBundleTask = tasks.create(
name: bundleJsAndAssetsTaskName,
type: Exec) {
group = "react"
description = "bundle JS and assets for ${targetName}."
// Create dirs if they are not there (e.g. the "clean" task just ran)
doFirst {
jsBundleDir.mkdirs()
resourcesDir.mkdirs()
}
// Set up inputs and outputs so gradle can cache the result
inputs.files fileTree(dir: reactRoot, excludes: inputExcludes)
outputs.dir jsBundleDir
outputs.dir resourcesDir
// Set up the call to the react-native cli
workingDir reactRoot
// Set up dev mode
def devEnabled = !(config."devDisabledIn${targetName}"
|| targetName.toLowerCase().contains("release"))
def extraArgs = extraPackagerArgs;
if (bundleConfig) {
extraArgs = extraArgs.clone()
extraArgs.add("--config");
extraArgs.add(bundleConfig);
}
if (Os.isFamily(Os.FAMILY_WINDOWS)) {
commandLine("cmd", "/c", *nodeExecutableAndArgs, cliPath, bundleCommand, "--platform", "Android", "--dev", "${devEnabled}",
"--reset-cache", "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir, *extraArgs)
} else {
commandLine(*nodeExecutableAndArgs, cliPath, bundleCommand, "--platform", "Android", "--dev", "${devEnabled}",
"--reset-cache", "--entry-file", entryFile, "--bundle-output", jsBundleFile, "--assets-dest", resourcesDir, *extraArgs)
}
enabled config."bundleIn${targetName}" ||
config."bundleIn${buildTypeName.capitalize()}" ?:
targetName.toLowerCase().contains("release")
}
// Hook bundle${productFlavor}${buildType}JsAndAssets into the Android build process
currentBundleTask.dependsOn("merge${targetName}Resources")
currentBundleTask.dependsOn("merge${targetName}Assets")
runBefore("process${flavorNameCapitalized}Armeabi-v7a${buildNameCapitalized}Resources", currentBundleTask)
runBefore("process${flavorNameCapitalized}X86${buildNameCapitalized}Resources", currentBundleTask)
runBefore("processUniversal${targetName}Resources", currentBundleTask)
runBefore("process${targetName}Resources", currentBundleTask)
runBefore("dataBindingProcessLayouts${targetName}", currentBundleTask)
}
}
}
Il existe un autre moyen de résoudre ce problème. Pour moi, ajouter simplement le code ci-dessous dans Android/build.gradle de mon projet a fonctionné:
subprojects {
afterEvaluate {project ->
if (project.hasProperty("Android")) {
Android {
compileSdkVersion 27
buildToolsVersion "27.0.2"
}
}
}
}