[solved] Duplicate resources android build error with v9.1.0 - [fonts were in source tree *and* using module's build.gradle font copy]

[mikehardy]

• Review the documentation: https://github.com/oblador/react-native-vector-icons
• Search for existing issues (including closed issues): https://github.com/oblador/react-native-vector-icons/issues

Environment

react-native 0.67.2, gradle 7.4, android gradle plugin 7.1.1, react-native-vector-icons 9.1.0 (hot off the presses!)

Description

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:mergeDevDebugAssets'.
> [fonts/Fontisto.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Fontisto.ttf    [fonts/Fontisto.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Fontisto.ttf: Error: Duplicate resources
  [fonts/Octicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Octicons.ttf    [fonts/Octicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Octicons.ttf: Error: Duplicate resources
  [fonts/Feather.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Feather.ttf      [fonts/Feather.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Feather.ttf: Error: Duplicate resources
  [fonts/Entypo.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Entypo.ttf        [fonts/Entypo.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Entypo.ttf: Error: Duplicate resources
  [fonts/FontAwesome5_Brands.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf      [fonts/FontAwesome5_Brands.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome5_Brands.ttf: Error: Duplicate resources
  [fonts/MaterialCommunityIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf        [fonts/MaterialCommunityIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/MaterialCommunityIcons.ttf: Error: Duplicate resources
  [fonts/AntDesign.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/AntDesign.ttf  [fonts/AntDesign.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/AntDesign.ttf: Error: Duplicate resources
  [fonts/Foundation.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Foundation.ttf        [fonts/Foundation.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Foundation.ttf: Error: Duplicate resources
  [fonts/Ionicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Ionicons.ttf    [fonts/Ionicons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Ionicons.ttf: Error: Duplicate resources
  [fonts/FontAwesome5_Solid.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf        [fonts/FontAwesome5_Solid.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome5_Solid.ttf: Error: Duplicate resources
  [fonts/FontAwesome5_Regular.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf    [fonts/FontAwesome5_Regular.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome5_Regular.ttf: Error: Duplicate resources
  [fonts/FontAwesome.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/FontAwesome.ttf      [fonts/FontAwesome.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/FontAwesome.ttf: Error: Duplicate resources
  [fonts/Zocial.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/Zocial.ttf        [fonts/Zocial.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/Zocial.ttf: Error: Duplicate resources
  [fonts/EvilIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/EvilIcons.ttf  [fonts/EvilIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/EvilIcons.ttf: Error: Duplicate resources
  [fonts/SimpleLineIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/SimpleLineIcons.ttf      [fonts/SimpleLineIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/SimpleLineIcons.ttf: Error: Duplicate resources
  [fonts/MaterialIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/src/main/assets/fonts/MaterialIcons.ttf  [fonts/MaterialIcons.ttf] /Users/mike/work/EquityResidences/equityresidences/packages/public-app/android/app/build/intermediates/ReactNativeVectorIcons/fonts/MaterialIcons.ttf: Error: Duplicate resources

Reproducible Demo

I'm still investigating this but thought to log it quickly since rolling back to 9.0.0 does not cause a build faliure, while 9.1.0 does.
I can confirm with 9.0.0 I actually do have vector icons showing up as well so by all appearances 9.0.0 is working

Likely cause #1401 but I haven't looked into it thoroughly yet

I tried rm -fr android/build android/app/build and rebuilt, just to see if that had an effect. No effect. Only the revert to v9 is successful at the moment

I am not including specific fonts, the tail of my android/app/build.gradle is:

apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

[oblador]

Do you by any chance have them in your own project's fonts folder too?

[oblador]

Yeah, I'm pretty confident this is the case. You should pick one approach, either manually copying them to your fonts folder, or copying on build with gradle. To fix this error simply remove the duplicates in packages/public-app/android/app/src/main/assets/fonts, they are most likely out of date anyways.

[mikehardy]

I think you may have sniped it! I normally (that is: in all my other projects) just use the gradle file reference as I included at the bottom of the report, but in this particular one I have them in assets as well:

mike@bistromath:~/work/EquityResidences/equityresidences/packages/public-app/android (main) % find . | grep ttf
./app/src/main/assets/fonts/Octicons.ttf
./app/src/main/assets/fonts/Foundation.ttf
./app/src/main/assets/fonts/SimpleLineIcons.ttf
./app/src/main/assets/fonts/Feather.ttf
./app/src/main/assets/fonts/MaterialCommunityIcons.ttf
./app/src/main/assets/fonts/FontAwesome5_Regular.ttf
./app/src/main/assets/fonts/Entypo.ttf
./app/src/main/assets/fonts/MaterialIcons.ttf
./app/src/main/assets/fonts/FontAwesome.ttf
./app/src/main/assets/fonts/EvilIcons.ttf
./app/src/main/assets/fonts/Zocial.ttf
./app/src/main/assets/fonts/AntDesign.ttf
./app/src/main/assets/fonts/Ionicons.ttf
./app/src/main/assets/fonts/Fontisto.ttf
./app/src/main/assets/fonts/FontAwesome5_Brands.ttf
./app/src/main/assets/fonts/FontAwesome5_Solid.ttf

This project is based off a chain of templates that I attempt to keep maintained as starters for others, and they sadly suffer the same pathology:
https://github.com/invertase/react-native-firebase-authentication-example/tree/main/template/android/app/src/main/assets/fonts
https://github.com/plaut-ro/luna/tree/master/template/android/app/src/main/assets/fonts

So we have some fixing to do I suppose. It doesn't appear that this is react-native-vector-icons fault, though it is kind of a build break - if I'm understanding it correctly we were just getting lucky before that the build.gradle machinery from here was effectively overwriting the fonts we were already including as source and we were just lucky before because they were in the same spot.

[mikehardy]

Going to close this here as double-inclusion is an integrator problem, not a module problem, but perhaps this issue existing historically will help others if they have incorrectly double-included vector icons like I/we have in those templates, I'm tracking it now in those two template repos

Thanks for the help, and for react-native-vector-icons in general @oblador - much appreciated!

[lyswhut]

Same problem in v9.1.0, removing them will work again:

• android/app/src/main/fonts/AntDesign.ttf
• android/app/src/main/fonts/MaterialCommunityIcons.ttf

---

Update

Check your android/app/src/main/fonts directory, if the following files exist, just delete them:

• AntDesign.ttf
• Entypo.ttf
• EvilIcons.ttf
• Feather.ttf
• FontAwesome.ttf
• FontAwesome5_Brands.ttf
• FontAwesome5_Regular.ttf
• FontAwesome5_Solid.ttf
• Fontisto.ttf
• Foundation.ttf
• Ionicons.ttf
• MaterialCommunityIcons.ttf
• MaterialIcons.ttf
• Octicons.ttf
• SimpleLineIcons.ttf
• Zocial.ttf

[mikehardy]

@lyswhut I do not believe this is a module problem at all based on @oblador's response, and it appears you have the same thing - fonts in the source tree and fonts copied via use of the build.gradle script reference to this module's build.gradle that copies fonts. As Joel said, we (as users of react-native-vector-icons) have to choose one style or the other - that it worked before was kind of just coincidence and at least for the projects I'm working on I accept I was doing it wrong and need to use the module correctly...

[SCasarotto]

Once again @mikehardy you saved me hours of my life. ❤️

[mrousavy]

Not sure if I'm missing something here, but I did not have any icons duplicated in my android/ or src/ files.

I am running the following react-native-config.js to only copy over the icons I actually need:

const VECTOR_ICONS_FONTS_PATH = './node_modules/react-native-vector-icons/Fonts'
const VECTOR_FONTS = ['Ionicons.ttf']

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  dependencies: {
    // Disable auto linking for `react-native-vector-icons` and link
    // the required fonts manually to avoid duplicate resources issue in iOS.
    'react-native-vector-icons': {
      platforms: {
        ios: null,
        android: null,
      },
      assets: VECTOR_FONTS.map((font) => VECTOR_ICONS_FONTS_PATH + '/' + font),
    },
  },
  assets: ['./src/assets/fonts/'], // stays the same
}

And I have this in my build.gradle:

project.ext.vectoricons = [
    iconFontNames: [
		'Ionicons.ttf',
    ]
]

..and I get the duplicate resources errors when building. When removing my custom react-native-config, all icons get copied over and I still get the build error... 🤔

Am I doing something wrong? @oblador

[oblador]

@mrousavy You need to pick one approach, either the gradle one or RN autolinking. In this case I would suggest that you keep gradle only to make sure you get the right version.

[mrousavy]

hm, that still copies over all icons?
I'll try to build a clean reproduceable sample.