调用AngularFirestore时出现Javascript错误

Question

我再次尝试在我的项目中使用Angular和Firebase。

我想创建一个2页的网站，其中主页基本上是静态的，第二页是使用firestore的博客，完全如official documentation所述。

＆＃34; angularfire2＆＃34;：＆＃34; ^ 5.0.0-rc.10＆＃34;， ＆＃34; firebase＆＃34;：＆＃34; ^ 5.0.4＆＃34;，

我编译时没有错误，但是只要我添加这一行：     构造函数（db：AngularFirestore）{}

页面显示并且我得到了这个奇怪的错误：

  

ERROR TypeError： webpack_require .i（...）不是firestore.js中的函数：28

我已经卸载/安装了几十种不同版本的angularfire2，包括AngularFire2 @ 4 ......，但没有任何效果。

任何帮助将不胜感激。 谢谢。

Answer 1

检查所有导入是否正确并初始化，如果可能，请发布package.json "dependencies":

app.module.ts

...
imports:[
...
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule,
...
];

environment.ts

export const environment = {
  production: false,

  firebase: {
    apiKey: '',
    authDomain: '',
    ...
  }
};