Expo Firebase 身份验证“尝试从文件中解析模块 `idb` 时”

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.

Answer 1

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

Answer 2

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

Answer 3

I have Done the modification, but got the same error as below mentioned

Unable to resolve "idb" from "node_modules\@firebase\app\dist\esm\index.esm2017.js"