尝试导入错误：“app”未从“firebase/app”导出（导入为“firebase”）

Question

遇到一个很奇怪的问题。尝试导入 firebase 时，出现以下错误：

./node_modules/firebaseui/dist/esm.js
Attempted import error: 'app' is not exported from 'firebase/app' (imported as 'firebase').

我的项目的结构是：包含反应客户端文件夹的父文件夹。我在父文件夹中安装了firebase，在父文件夹的firebaseConfig文件中初始化了一个firebase应用程序，然后将其导入到react客户端文件夹中。

后来我尝试在 react 客户端文件夹中安装 firebase 并在其中导入 firebase。奇怪的是，在我在客户端文件夹中安装 firebase 后，在客户端文件夹中执行“npm ls firebase”返回空，即使 firebase 确实在客户端文件夹中的节点模块和 package.json 中。我想知道是什么导致了这个问题。

父文件夹中的 firebaseConfig.js

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

const firebaseConfig = {
    ......
};

firebase.initializeApp(firebaseConfig);

export default firebase;

Answer 1

不幸的是，您已将“firebase”依赖项升级到 8.0.0，但“firebaseui”依赖项尚不支持它。您必须暂时将 firebase 降级到 7.24.0 版本，直到 firebaseui 支持8.0.0 中的重大更改。