Angular 更优化的方式，而不是将*作为firebase从'；firebase'；

用例1:

import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/firestore';
constructor(
    private afAuth: AngularFireAuth,
    private afs: AngularFirestore,) {

  }

createdDate: firebase.firestore.FieldValue.serverTimestamp(),

用例2:

import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/firestore';
constructor(
    private afAuth: AngularFireAuth,
    private afs: AngularFirestore,) {

  }

createdDate: firebase.firestore.FieldValue.serverTimestamp(),

对于以上内容，我需要导入以下内容：

 const result: firebase.auth.UserCredential = await this.afAuth.auth.signInWithCredential(credential);

由于

firebase

是一个非常大的JS库，我想用一种更优化的方式来实现它。你能告诉我怎么做吗

---

注意：这里我使用的是

AngularFire

。但是我怎样才能得到这些模型呢

firebase.auth.UserCredential

如果您想要干净的导入和优化的导入，我建议使用官方的angular with firebase:wich库，它有很好的文档记录，并且是最新的

在接口或类的内部，您可能可以使用：

import * as firebase from 'firebase';

---

仍然继续在代码中使用：

firebase.auth.UserCredential

我建议您查看Angularfire和firebase的文档

您可以从

firebase/app

导入内容并访问每个对象

import * as firebase from 'firebase/app';

---

是的，我使用

AngularFire

。但是我怎样才能得到这些模型：

firebase.auth.UserCredential

@Sampath好点！我已经根据这一点更新了我的答案，这也给了我这个错误：

模块“d:/Clients/node\u modules/firebase/index”只能使用“allowSyntheticDefaultImports”标志进行默认导入。但是你的链接很棒。我从“firebase/app”中将此
import*用作firebase请也更新您的答案。谢谢。这还可以进一步优化。请看下面我的答案。你能告诉我从'@firebase/app'作为firebase导入*和这个
从'firebase/app'导入{auth}？我觉得没什么区别。因为两者都有相同的名称空间。不是吗？i、 e.
firebase/app
这也不起作用<代码>创建日期：auth.firestore.FieldValue.serverTimestamp（），
1）“firebase”与“@firebase”的比较。一个是正确的导入路径，另一个不是。您不能从
@firebase
导入。2） 再说一次，我想说看看这些文件。angularfire医生提到过这样做。对不起，这是我的错误。这是类型脚本的方式：
import*作为firebase从“firebase/app”导入请查看以下内容：