[React Native] failed to reading .env files on react native js file with react-native 0.80.2

[cubic-deep11295]

[React Native] failed to reading .env files on react native js file with react-native 0.80.2

not able to read the .env and .env.dev etc environment file in app.js and other file....

build.gradle file `apply plugin: "com.android.application"
apply plugin: "org.jetbrains.kotlin.android"
apply plugin: "com.facebook.react"

project.ext.envConfigFiles = [
local:".env.preprod",
preprod: ".env.preprod",
prod:'.env.prod',
]

apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
def versionBuild = project.hasProperty('VERSION_CODE') ? "+" + project.findProperty('VERSION_CODE').toString() : "";

/**

• This is the configuration block to customize your React Native Android app.

• By default you don't need to apply any configuration, just uncomment the lines you need.
  /
  react {
  / Folders */
  // The root of your project, i.e. where "package.json" lives. Default is '../..'
  // root = file("../../")
  // The folder where the react-native NPM package is. Default is ../../node_modules/react-native
  // reactNativeDir = file("../../node_modules/react-native")
  // The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
  // codegenDir = file("../../node_modules/@react-native/codegen")
  // The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
  // cliFile = file("../../node_modules/react-native/cli.js")

  /* Variants */
  // The list of variants to that are debuggable. For those we're going to
  // skip the bundling of the JS bundle and the assets. By default is just 'debug'.
  // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
  // debuggableVariants = ["liteDebug", "prodDebug"]

  /* Bundling */
  // A list containing the node command and its flags. Default is just 'node'.
  // nodeExecutableAndArgs = ["node"]
  //
  // The command to run when bundling. By default is 'bundle'
  // bundleCommand = "ram-bundle"
  //
  // The path to the CLI configuration file. Default is empty.
  // bundleConfig = file(../rn-cli.config.js)
  //
  // The name of the generated asset file containing your JS bundle
  // bundleAssetName = "MyApplication.android.bundle"
  //
  // The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
  // entryFile = file("../js/MyApplication.android.js")
  //
  // A list of extra flags to pass to the 'bundle' commands.
  // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
  // extraPackagerArgs = []

  /* Hermes Commands */
  // The hermes compiler command to run. By default it is 'hermesc'
  // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
  //
  // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
  // hermesFlags = ["-O", "-output-source-map"]

  /* Autolinking */
  autolinkLibrariesWithApp()
  }

/**

• Set this to true to Run Proguard on Release builds to minify the Java bytecode.
  */
  def enableProguardInReleaseBuilds = false

/**

• The preferred build flavor of JavaScriptCore (JSC)
• For example, to use the international variant, you can use:
• def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+
• The international variant includes ICU i18n library and necessary data
• allowing to use e.g. Date.toLocaleString and String.localeCompare that
• give correct results when using with locales other than en-US. Note that
• this variant is about 6MiB larger per architecture than default.
  */
  def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'

android {
ndkVersion rootProject.ext.ndkVersion
buildToolsVersion rootProject.ext.buildToolsVersion
compileSdk rootProject.ext.compileSdkVersion

namespace "com.myApp"
defaultConfig {
    applicationId "com.myApp"
    minSdkVersion rootProject.ext.minSdkVersion
    targetSdkVersion rootProject.ext.targetSdkVersion
    versionCode project.env.get("VERSION_CODE")?.toInteger()
    versionName project.env.get("VERSION_NAME")
}
signingConfigs {
    debug {
        storeFile file('debug.keystore')
        storePassword 'android'
        keyAlias 'androiddebugkey'
        keyPassword 'android'
    }
}
buildTypes {
    debug {
        signingConfig signingConfigs.debug
    }
    release {
        // Caution! In production, you need to generate your own keystore file.
        // see https://reactnative.dev/docs/signed-apk-android.
        signingConfig signingConfigs.debug
        minifyEnabled enableProguardInReleaseBuilds
        proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
    }
}
flavorDimensions "default"
productFlavors {
    local {
        resValue "string", "app_name", "myApp Local"
        applicationIdSuffix '.debug'
        versionNameSuffix "-DEBUG"
    }
    preprod {
        resValue "string", "app_name", "myApp PreProduction"
        applicationIdSuffix '.preprod'
        versionNameSuffix "-preprod"+versionBuild
        applicationId "com.myApp"
    }
    prod {
        resValue "string", "app_name", "myApp"
        applicationId "com.myApp"
    }
}

}

dependencies {
// The version of react-native is set by the React Native Gradle Plugin
implementation("com.facebook.react:react-android")
implementation project(':react-native-config')

if (hermesEnabled.toBoolean()) {
    implementation("com.facebook.react:hermes-android")
} else {
    implementation jscFlavor
}

}
`

[atharvalohote]

let me work on this I can fix it

[ltujiba]

+1, I have 3 flavors, which are stg, dev and prod. Only the prod flavour works for me. The other two will generate undefined when logging the Env.

I'm on RN 0.81.0

Update:
Also happened on RN 0.81.1. However, it will work when the package name doesn't have suffix. Although it will take the .env.prod keys.

 productFlavors {
        dev {
            dimension "environment"
            applicationIdSuffix "dev" // Comment this out 
            resValue "string", "app_name", "Cermati Invest Dev"
        }
        stg {
            dimension "environment"
            applicationIdSuffix "stg" // Comment this out 
            resValue "string", "app_name", "Cermati Invest Staging"
        }
        prod {
            dimension "environment"
            resValue "string", "app_name", "Cermati Invest"
        }
    }

[kidyfirst]

the same issue on RN 0.79.5 ; react-native-config 1.5.6
but i have solve it by add config on defaultConfig
defaultConfig {
applicationId "com.myApp"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode project.env.get("VERSION_CODE")?.toInteger()
versionName project.env.get("VERSION_NAME")

 // resValue "string", "build_config_package", "{your applicationId}"
 resValue "string", "build_config_package", "com.myApp"

}

if you set the variants, we need write the key.
why we need write the key? you can check the react-native-config android source code.

[Sharf8351]

+1 facing same issue on RN 0.79.4; react-native-config": "^1.5.9"