AngularFire2初始化应用程序给出错误答案

【问题标题】：AngularFire2 initializing app gives errorAngularFire2初始化应用程序给出错误
【发布时间】：2017-04-29 06:40:37
【问题描述】：

我正在尝试在我的 Angular2 应用程序中初始化 AngularFire2，但出现以下错误。

ERROR in ./src/app/firebase/index.ts
Module build failed: Error: /Users/jaruesink/Documents/Projects/buckets/src/app/firebase/index.ts (16,17): Return type of exported function has or is using name 'ModuleWithProviders' from external module "/Users/jaruesink/Documents/Projects/buckets/node_modules/@angular/core/src/metadata/ng_module" but cannot be named.)
    at _checkDiagnostics (/Users/jaruesink/Documents/Projects/buckets/node_modules/@ngtools/webpack/src/loader.js:115:15)
    at /Users/jaruesink/Documents/Projects/buckets/node_modules/@ngtools/webpack/src/loader.js:140:17
 @ ./src/app/app.module.ts 15:0-48
 @ ./src/app/index.ts
 @ ./src/main.ts
 @ multi main

这是我的 Firebase 模块，我正在尝试将其导入为我的 NgModule 中的 initializeFirebase()。

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

export const firebaseConfig = {
  FIREBASE STUFF GOES HERE
};

export const firebaseAuthConfig = {
  provider: AuthProviders.Facebook,
  method: AuthMethods.Redirect
}

export function initializeFirebase() {
  return AngularFireModule.initializeApp(firebaseConfig, firebaseAuthConfig);
}

有人可以帮助解释我做错了什么，或者如果发生了其他事情，有没有办法解决它？

谢谢！

【问题讨论】：

标签： angular typescript firebase angularfire angularfire2

【解决方案1】：

放在外部文件中不起作用的原因与此功能有关：

export function initializeFirebase() {
  return AngularFireModule.initializeApp(firebaseConfig, firebaseAuthConfig);
}

声明未指定返回类型，因此推断为ModuleWithProviders - initializeApp 的返回类型（以及错误中提到的类型）。

要解决这个问题，你可以指定返回类型，这也意味着你需要添加一个导入：

import { ModuleWithProviders } from '@angular/core';
...
export function initializeFirebase(): ModuleWithProviders {
  return AngularFireModule.initializeApp(firebaseConfig, firebaseAuthConfig);
}

有关更多信息，请参阅此 GitHub issue comment

【讨论】：

【解决方案2】：

我将所有配置文件与 NgModule 放在同一个文件中，然后它就可以工作了……我以前像这样将它分开并且它可以工作，但我想这次不行。

【讨论】：