React Native gradlew assembleRelease doesn't recognize aliases

[ppozniak]

Hello there.

Everything is working great on development server. Thanks for that plugin 👍 really useful.

However when I try to release an .apk file it seems that babel isn't even used as the error states:

Unable to resolve module `@config/store` from `/home/ppozniak/Projects/project-name/src/Root.js`: Module does not exist in the module map

basically it stops at the first use of alias
import configureStore from '@config/store';

.babelrc

{
  "presets": [
    "babel-preset-react-native-stage-0/decorator-support",
    "react-native-dotenv"
  ],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source",
        ["module-resolver", {
          "alias": {
            "@assets": "./src/assets",
            "@features": "./src/features",
            "@common": "./src/common",
            "@config": "./src/config"
          }
        }] 
      ]
    }
  }
}

package.json

  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "babel-plugin-module-resolver": "^3.0.0",
    "babel-preset-react-native-stage-0": "^1.0.1",
    "jest-expo": "23.0.0",
    "react-devtools": "^3.0.0",
    "react-test-renderer": "16.0.0",
    "redux-logger": "^3.0.6"
  },
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "clean": "cd android && ./gradlew clean && cd ..",
    "release-android": "cd android && ./gradlew assembleRelease && cd .."
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "native-base": "^2.3.7",
    "react": "16.0.0",
    "react-native": "0.50.3",
    "react-native-animatable": "^1.2.4",
    "react-native-dotenv": "^0.1.0",
    "react-native-svg": "^6.0.1-rc.3",
    "react-navigation": "^1.0.0-beta.27",
    "react-navigation-redux-helpers": "^1.0.1",
    "react-redux": "^5.0.6",
    "redux": "^3.7.2",
    "redux-devtools-extension": "^2.13.2",
    "redux-persist": "^5.6.12",
    "redux-thunk": "^2.2.0",
    "styled-components": "^3.1.4"
  }
}

I am trying to run release-android which is cd android && ./gradlew assembleRelease && cd ..

I've tried:

• Resetting cache
• Reinstalling node_modules
• adding cwd, extensions, options to babelrc

In most issues I've seen people, can't get it to work at all, In my case it's only releasing an .apk file part.

Best regards.

[ppozniak]

Okay it was just me being silly a little bit.
Looking at my .babelrc you can

"env": {
    "development": {

And that was issue. After this some other bugs popped out with Android but eventually I've managed to fix all of them.

So lesson for future: watch for your envs.

My babelrc now:

{
  "presets": [
    "react-native",
    "babel-preset-react-native-stage-0/decorator-support",
  ],
  "plugins": [
    "transform-react-jsx-source", ["module-resolver", {
      "extensions": [
        ".js",
        ".ios.js",
        ".android.js"
      ],
      "alias": {
        "@assets": "./src/assets",
        "@features": "./src/features",
        "@common": "./src/common",
        "@config": "./src/config",
        "@services": "./src/services"
      }
    }]
  ]
}