/ angularfire2 / index没有导出成员“AngularFire” [英] /angularfire2/index has no exported member 'AngularFire'

问题描述

app.component.ts

 从'angularfire2'导入{AngularFire，AuthProviders，AuthMethods}; 
 
 / angularfire2 / index没有导出成员'AngularFire'，
 / angularfire2 / index没有导出成员'AuthProviders'，
 / angularfire2 / index没有导出成员'AuthMethods '
  

但是在app.module.ts

 从'angularfire2'导入{AngularFireModule}; 
  

正常工作，我可以初始化应用程序

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
     $ b $> AngularFire 再输出。相反，您应该如下使用它： 
 
 
  //在NgModule中导入AngularFireAuthModule 
从'angularfire2'导入{AngularFireAuthModule} / AUTH'; 
 
 
从'angularfire2 / auth'导入{AngularFireAuth}; 
 //注入
 construstor（afa：AngularFireAuth）{
 afa.auth.signInWithPopup（）
} 
  
 
Can't fix this problem:

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 '
but in app.module.ts
import { AngularFireModule } from 'angularfire2';
works fine and I can initialize the app

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"

解决方案
Since you are using angularfire2@4.0.0+, there is no AngularFire exported any more. Instead, you shall use it as below:
// import AngularFireAuthModule at NgModule
import { AngularFireAuthModule } from 'angularfire2/auth';


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


                        
这篇关于/ angularfire2 / index没有导出成员“AngularFire”的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！