Module `path` does not exist in the Haste module map

[realtebo]

error: bundling failed: Error: Unable to resolve module `path` from 
`/Users/realtebo/Documents/myApp/node_modules/react-native-dotenv/index.js`: 
Module `path` does not exist in the Haste module map

I got the above error after adding react-native-dotenv to my project when I run react-native run-ios

Some info about my software context:

macOS 10.13.4
nodeJs v8.11.1
npm 5.6.0
react-native-cli: 2.0.1
react-native: 0.55.2

This my package.json sections about deps

  "dependencies": {
    "lodash": "^4.17.5",
    "native-base": "^2.4.2",
    "react": "16.3.1",
    "react-native": "^0.55.2",
    "react-native-device-info": "^0.21.5",
    "react-native-navigation": "^1.1.443",
    "react-redux": "^5.0.7",
    "redux": "^3.7.2",
    "redux-thunk": "^2.2.0"
  },
  "devDependencies": {
    "babel-jest": "22.4.3",
    "babel-preset-react-native": "4.0.0",
    "eslint": "^4.19.1",
    "jest": "22.4.3",
    "react-native-dotenv": "^0.1.1",
    "react-test-renderer": "16.3.1"
  },

I already tried a brutal cleaning of my project

watchman watch-del-all  
rm -rf ~/.npm 
rm -rf ios/build 
rm -rf /tmp/metro-bundler-cache-* 
rm -rf /tmp/haste-map-react-native-packager-* 
rm -rf $TMPDIR/react-* 
rm -rf node_modules 
npm install

...but without success

[Rubenvdveen]

Same here. Any updates from your side?

[valerybugakov]

How do you import environment variables in your apps? I had the same issue and resolved it by adding react-native-dotenv plugin to .babelrc and importing vars via:

import { VAR1, VAR2 } from 'react-native-dotenv';

instead of

import * from 'react-native-dotenv';

[realtebo]

I'm using the first syntax

import { VAR1, VAR2 } from 'react-native-dotenv';

[adamivancza]

I had similar problem - what helped was running npm start -- --reset-cache command.

[patsissons]

I'm running into this too, specifically from an expo setup. Not sure what exactly is happening, but it looks like the plugin isn't getting run so it doesn't bother removing the imports and then they are processed by the bundler which complains because react-native-dotenv pulls in path which isn't availble for react-native. No clue why the plugin isn't getting run though.

[patsissons]

My issue was related to using a transformer in the app.json (typescript). This transformer was altering the source before the plugin had a chance to swap in the env values. Easy work around, just create an env.js that imports all your env vars and then re-exports them (you'll also want an env.d.ts to define the shape).

// env.js
import { TEST } from 'react-native-dotenv';

export const env = {
  TEST: TEST,
};

// env.d.ts
export interface Env {
  TEST: string;
}

export const env: Partial<Env>;

[mxmzb]

@patsissons for me your solution from here istanbuljs/babel-plugin-istanbul#116 (comment) did it (thanks! 👍). i hope though, this is just a temporary fix.

[mohamadswaidan]

make sure you have .env file created and variables are initiated.

[Martian2Lee]

Thank you @patsissons !

[sam-warren]

My issue was that I was operating in a different branch and had forgotten to add "react-native-dotenv" to my .babelrc presets. Your .babelrc presets should look like this:
"presets": ["babel-preset-expo", "react-native-dotenv"],

Hope this helps someone!

[gluix20]

From RN 0.56+ the .babelrc presets should have the "module" key:
"presets": [ "react-native", "module:react-native-dotenv" ]

[ewal]

Any updates on this? I'm trying to upgrade to RN 0.56 but get the same error message when building. I've also added the module prefix in .babelrc but with no success.

[NicWickman]

I'm getting this error with firebase-functions...Pat, can you fill in the blanks on your instructions for somebody who really doesn't understand what's happening?