Firebase v9 Storage导入useStorageEmulator无对应导出项如何解决

• 核心原因：Firebase v9.0.x早期稳定版未正式导出useStorageEmulator方法，该方法是在v9.1.0及之后的版本才加入稳定版模块化Storage模块的导出列表，你当前使用的9.0.1版本属于未支持的版本范围。
• 修复步骤：
  1. 升级Firebase依赖到9.1.0以上的稳定版本，推荐直接升级到经过验证的v9成熟版本，执行命令：

  npm install firebase@^9.6.0
  # 若使用yarn包管理器，执行以下命令
  yarn add firebase@^9.6.0
  

  2. 若升级后仍存在导入报错，删除本地node_modules文件夹、package-lock.json（或yarn.lock）文件后重新执行安装命令，清除旧版本缓存的影响。
• 正确配置参考：
  升级完成后即可正常导入使用，本地连接Storage模拟器的参考代码如下：

import { initializeApp } from "firebase/app";
import { getStorage, useStorageEmulator } from "firebase/storage";

// 替换为你自己的Firebase项目配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_SENDER_ID",
  appId: "YOUR_APP_ID"
};

const app = initializeApp(firebaseConfig);
const storage = getStorage(app);

// 仅开发环境连接本地模拟器，默认端口为9199，需和firebase.json中配置的Storage模拟器端口保持一致
if (process.env.NODE_ENV === 'development') {
  useStorageEmulator(storage, 'localhost', 9199);
}

补充说明：如果你使用的是v9的兼容模式（即从firebase/compat/*路径导入依赖），不需要单独导入useStorageEmulator方法，直接调用实例方法即可：firebase.storage().useEmulator('localhost', 9199)。

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