Ionic和Firebase中不存在firebase和auth属性
我正在使用ionic 5和firebase应用程序创建基于用户的内容和按钮显示。我正在通过帖子并在我的应用程序中实现它。
我和使用:
"firebase": "^8.1.1", "@angular/fire": "^6.1.3",
现在我在auth()和firestore()
身份验证错误是:类型“typeof import”(TS-2339)上不存在属性“auth”,并且 firebase 错误是 - 类型“typeof import”上不存在属性“firestore”
import { Component, OnInit } from "@angular/core";
import * as firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";
@Component({
selector: "app-places",
templateUrl: "./posts.page.html",
styleUrls: ["./posts.page.scss"],
})
export class PlacesPage implements OnInit {
constructor() {}
//firestore = firebase.firestore();
public isAdmin = false;
ngOnInit() {
//Property 'auth' does not exist on type 'typeof import
firebase.auth().onAuthStateChanged((user) => {
if (user) {
firebase
.firestore() //Property 'firestore' does not exist on type 'typeof import
.doc(`s/${user.id}`)
.get()
.then((userProfileSnapshot) => {
this.isAdmin = userProfileSnapshot.data().isAdmin;
});
}
});
}
}
回答
请查看有关使用模块捆绑器导入 Firebase SDK的文档。从 Firebase SDK 8.0.0 版开始,您现在必须像这样导入:
import firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";
请注意,* as在此版本中,它不再是导入的一部分。