Firebase导入auth报错：Module 'firebase/app'无导出成员auth

Firebase从v9版本开始启用模块化架构，你之前使用的import { auth } from 'firebase/app'导入方式已被废弃，这是导致报错的核心原因。以下是两种适配方案：

方案一：使用v9+模块化导入（推荐） #

1. 确保安装最新版Firebase包：

   npm install firebase
   # 或使用yarn
   yarn add firebase
   

2. 按模块化方式导入并初始化：

   // 导入Firebase核心初始化方法
   import { initializeApp } from 'firebase/app';
   // 导入认证相关的方法和类
   import { getAuth, GoogleAuthProvider } from 'firebase/auth';
   
   // 你的Firebase项目配置
   const firebaseConfig = {
     apiKey: "YOUR_API_KEY",
     authDomain: "YOUR_AUTH_DOMAIN",
     // 其他配置项...
   };
   
   // 初始化应用
   const app = initializeApp(firebaseConfig);
   // 获取auth实例
   const auth = getAuth(app);
   // 实例化GoogleAuthProvider
   const googleProvider = new GoogleAuthProvider();
   

方案二：兼容旧版本（v8及以下） #

如果你的项目依赖旧版Firebase，可以使用兼容模式导入：

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

const firebaseConfig = {
  // 你的配置信息
};

firebase.initializeApp(firebaseConfig);
const auth = firebase.auth();
const googleProvider = new firebase.auth.GoogleAuthProvider();

内容的提问来源于stack exchange，提问作者Lara