javascript - Firebase 和 auth 属性在 Ionic 和 Firebase 中不存在

Question

我正在使用 ionic 5 和 firebase 应用程序创建基于用户的内容和按钮显示。
我正在发布并在我的应用程序中实现它。
我和使用: "firebase": "^8.1.1", "@angular/fire": "^6.1.3",现在我在 auth() 中遇到了错误和 firestore()

auth error is : Property 'auth' does not exist on type 'typeof import(TS-2339) AND firebase error is - Property 'firestore' does not existon type 'typeof import

    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;
                      });
                  }
                });
       
        }
       }
  

Answer 1

请查看 importing Firebase SDKs using a module bundler 的文档.从 Firebase SDK 版本 8.0.0 开始，您现在必须像这样导入:

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

请注意 * as在此版本中不再是导入的一部分。