尝试导入错误：“firebase/app”不包含默认导出（导入为“firebase”）

IT技术 javascript reactjs firebase firebase-realtime-database firebase-authentication
2021-05-05 16:50:13

我尝试使用 React 进行 firabase 身份验证，但它显示错误，"Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase')". 如果我使用import * as firebase from "firebase/app"然后停止显示错误的代码。

import firebase from 'firebase/app';
import 'firebase/auth';
    
const app = firebase.initializeApp({
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID
});
    
export const auth = app.auth();

export default app;
1个回答

Firebase module化 SDK ( v9) 正式发布，npm install firebase现在安装它而不是旧namespaced版本 ( v8)。如果您正在使用，v9则将您的代码重构为：

import { initializeApp } from 'firebase/app';
import { getAuth } from 'firebase/auth';
import { getDatabase } from "firebase/database";

const app = initializeApp({...config});

export const auth = getAuth()
const database = getDatabase();

export { auth, database }

我建议遵循文档并继续使用新的module化 SDK。如果您有一个现有的并且想要使用现有的命名空间版本，那么您可以使用 compat 库替换您的导入，如下所示：

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';

firebase.initializeApp({...config})

const auth = firebase.auth()
const database = firebase.database()

从 Firebase查看此视频以开始使用 v9。

其它你可能感兴趣的问题
上一篇React 中的和解详解 下一篇难以去除支撑材料