javascript - 尝试导入错误 : 'app' is not exported from 'firebase/app' (imported as 'firebase' )

Question

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

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

我的项目的结构是:一个包含 react 客户端文件夹的父文件夹。我在父文件夹中安装了firebase，在父文件夹的firebaseConfig文件中初始化了一个firebase应用，然后将其导入到react client文件夹中。
后来我尝试在 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”依赖项还不支持它。在 firebaseui 支持 breaking changes in 8.0.0 之前，您必须暂时将 firebase 降级到版本 7.24.0。 .