Expo Firebase Authentication "While trying to resolve module `idb` from file"

Question

This is my first app. I'm trying to use Firebase for Email/Password authentication. I followed the basic tutorial https://firebase.google.com/docs/auth/web/password-auth#web-version-9, and I keep getting this error:

While trying to resolve module `idb` from file '.../node_modules/@firebase/app/dist/esm/index.esm2017.js', the package `/Users/##/##/##/node_modules/idb/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`/Users/##/##/##/node_modules/idb/build/index.cjs`.

I've added this to metro.config.js:

  resolver: {
    sourceExts: ['jsx', 'js', 'ts', 'tsx', 'cjs'],
  },

and the issue is still there.

I'm having this exact same issue ["firebase": "^9.7.0", "react-native": "0.68.1","expo": "^45.0.0"] — Eduardo Oviedo Blanco, May 09 '22 at 23:42
I have the same error too. "expo: ~45.0.0", "firebase: ^9.8.1" — Four, May 11 '22 at 09:49

Sohel Islam Imran · Accepted Answer · 2022-05-11T13:09:46.523

27

To resolve this issue, create a metro.config.js file in the project root. In the file add the file extension cjs. details

const { getDefaultConfig } = require("@expo/metro-config");

const defaultConfig = getDefaultConfig(__dirname);

defaultConfig.resolver.assetExts.push("cjs");

module.exports = defaultConfig;

ScreenShot

edited May 11 '22 at 13:09

answered May 11 '22 at 12:32

Sohel Islam Imran

1,631
6
10

2

Great answer! Worked for me – Alex Mckay May 13 '22 at 21:37
1

Awesome, this worked for me as well! – Wibo Kuipers May 18 '22 at 09:35
ty, all else failed. – polar Jun 28 '22 at 02:53
2

@polar Are you using expo? After config metro, You can clear the cache by `expo start --android --clear` or try to delete node_modules and reinstall packages. It should work. – Sohel Islam Imran Jun 28 '22 at 14:31

score 6 · Answer 2 · answered May 10 '22 at 06:18

I get the same error when adding firebase to a clean project. I think there's something funny with the latest firebase version so I've downgraded to 9.6.11 to temporarily fix the problem. Hopefully they sort it out soon...

npm uninstall firebase
npm install firebase@9.6.11

Expo Firebase Authentication "While trying to resolve module `idb` from file"

2 Answers2

Linked