environment variables not being set

[patrickjames242]

In my nx expo project, the process.env object shows the following

{
"NODE_ENV": "development",
}

None of the variables in my .env file are being included.

[leggomuhgreggo]

https://docs.expo.dev/guides/environment-variables/

[BlumDev92]

I'm also facing this problem. I've read docs of @leggomuhgreggo , but I don't know how to configure this in theproject.json.
It seems that I can't add env variables to the@nrwl/expo:startexecutor. Any help/ideas?

[patrickjames242]

@BlumDev92 Here's how I fixed the problem. I changed my app.json to app.config.js and added the following code.

module.exports = {
  expo: {
    //...
    extra: {
      env: getNXVariables(),
    },
  },
};

/**
 * Nx isn't passing env variables to expo so we need to add them to the extra section of the config
 * then manually set process.env when our app starts
 *
 */
function getNXVariables() {
  let result = {};
  for (const key in process.env) {
    if (key.startsWith('NX_')) {
      result[key] = process.env[key];
    }
  }
  return result;
}

Then run expo install expo-constants and add the following code to your javascript before any other code is executed

import Constants from 'expo-constants';

(function setEnvironmentVariables() {
  Object.assign(process.env, Constants.manifest?.extra?.env);
})();

Now you can use process.env.NX_ANYTHING to your heart's delight!