typescript - 装饰器不支持函数调用，但调用了 'AngularFireModule'

Question

我正在使用 Firebase 作为我的 Angular 5 应用程序的数据库。我能够使用 ng build 构建、运行和部署项目。但是，当我使用 --prod 标志构建时，出现以下错误。

使用:

ng build --prod

我收到以下错误:

ERROR in Error during template compile of 'FirebaseModule' Function calls are not supported in decorators but 'AngularFireModule' was called.

我不明白如何配置 AngularFire 模块使其工作。

Firebase.Module.ts:

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { environment } from "../environments/environment";       // Firebase config stored in environment file

import { AngularFireAuthModule } from "angularfire2/auth";
import { AngularFireModule } from "angularfire2/angularfire2";
import { AngularFirestoreModule } from "angularfire2/firestore";

@NgModule({
  imports: [
    AngularFireModule.initializeApp(environment.firebase),  // Error is here
    AngularFireAuthModule,
    AngularFirestoreModule
  ],
  exports: [AngularFireModule, AngularFireAuthModule, AngularFirestoreModule],
  providers: [],
  declarations: []
})
export class FirebaseModule {}

environment.ts(和 environment.prod.ts)

export const environment = {
     production: false,
     firebase: {
       apiKey: "...",
       authDomain: "...",
       databaseURL: "...",
       projectId: "...",
       storageBucket: "",
       messagingSenderId: "..."
     }
};

包版本

"angularfire2": "^5.0.0-rc.4",
"firebase": "^4.8.1",

AskFirebase

Answer 1

我也遇到过这个错误。 angularfire2 团队已经在 rc9 中修复了这个问题，现在它工作得很好。只需使用此命令更新库

npm install @angularfire2@5.0.0-rc.9

希望这对您有所帮助。