Javascript 无法读取属性'；auth'；未定义的

我正在尝试在VueJS项目中使用firebase ui

我的api凭证在名为config.js的文件中定义

export default {
apiKey: "*****",
authDomain: "*****.firebaseapp.com",
databaseURL: "https://my-project.firebaseio.com",
projectId: "*****",
storageBucket: "*****",
messagingSenderId: "73482979",
appId: "1:685818581200:web:1f5ebjnfsdjnj",
measurementId: "G-BHJK6N67PZ"
};

我正在导入我的init.js中的config.js文件，在这里完成整个firebase设置：

import config from "./config";
import firebase from "firebase";
import firebaseui from "firebaseui";
import "firebase/auth";
import "firebase/firestore";

const app = firebase.initializeApp(config);
const auth = firebase.auth();
const firestore = app.firestore();

const authUi = new firebaseui.auth.AuthUI(auth); //Error is thrown at this point

export default app;
export { auth, authUi, firestore };

但是抛出了错误->

无法读取未定义的属性“auth”

，我已经有几天无法移动到这里了。我已经检查了文档（），所有操作都正确完成，甚至使用了package.json中最新的firebaseui版本

“firebaseui”：“4.7.0”

---

有关于如何解决此问题的帮助吗？

您错误地导入了Firebase客户端JS库。展览内容如下：

不要从“firebase”导入。从“firebase/app”导入，并确保遵守您正在使用的SDK版本的约定

---

firebaseui的文档可能已过期。考虑使用DOC页面顶部的“发送反馈”按钮提交反馈。

< P>你不正确地导入FielBaseClient JS库。展览内容如下：

不要从“firebase”导入。从“firebase/app”导入，并确保遵守您正在使用的SDK版本的约定

---

firebaseui的文档可能已过期。考虑在DOC页面顶部使用“发送反馈”按钮提交反馈。

我有同样的问题，但仍然是红色的问题。它指向

firebaseui.auth.AuthUI（auth）

。如何导入这个？我所做的是

从“firebaseui”导入firebaseui

，看起来wrong@NandaZ如果你有一个新问题，单独发布。我有同样的问题，但仍然是红色的问题。它指向

firebaseui.auth.AuthUI（auth）

。如何导入这个？我所做的是

从“firebaseui”导入firebaseui

，看起来wrong@NandaZ如果您有新问题，请分别发布。

// Firebase App (the core Firebase SDK) is always required and must be listed first
import firebase from "firebase/app";
// If you are using v7 or any earlier version of the JS SDK, you should import firebase using namespace import
// import * as firebase from "firebase/app"