/angularfire2/index没有导出的成员“AngularFire”

Question

无法解决此问题：

app.component.ts

import { AngularFire, AuthProviders, AuthMethods } from 'angularfire2';

/angularfire2/index has no exported member 'AngularFire',
/angularfire2/index has no exported member 'AuthProviders',
/angularfire2/index has no exported member 'AuthMethods '

但在app.module.ts中

import { AngularFireModule } from 'angularfire2';

运行正常，我可以初始化应用程序

package.json

"angularfire2": "^4.0.0-rc.0",
"core-js": "^2.4.1",
"firebase": "^3.9.0",
...
"devDependencies": {...
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0"

Answer 1

由于您使用的是angularfire2@4.0.0+，因此不再导出AngularFire。相反，您应该使用它，如下所示：

// import AngularFireAuthModule at NgModule
import { AngularFireAuthModule } from 'angularfire2/auth';


import { AngularFireAuth } from 'angularfire2/auth';
// inject 
construstor(afa: AngularFireAuth) {
  afa.auth.signInWithPopup()
}

Answer 2

升级到AngularFire2 4.0解决了我的问题

迁移指南：https://github.com/angular/angularfire2/blob/master/docs/version-4-upgrade.md

Answer 3

解决方案是:

使用"angularfire2": "^5.1.1",

你也需要这个库：

"rxfire": "^3.3.5",
"rxjs": "6.3.3",
"rxjs-compat": "6.3.3",