在Angular 8项目中加载Firebase远程配置

Question

自从Firebase将远程配置发布到Web以来，我正试图利用它使假期期间的生活变得更加轻松。我有一个客户端正在用于其公司网站的webapp，我想设置一个远程配置属性来加载他们的假期。

HTML模板

<div *ngIf="holidays" class="card" style="width: 18rem;">
    <div class="card-body">
      <h5 class="card-title">Holiday Hours</h5>
      <p class="card-text">
          Holiday hours go here
      </p>
    </div>
</div>

打字稿摘要

  holidays = boolean;

  constructor() { }

  ngOnInit() {
    const remoteConfig = firebase.remoteConfig();

    remoteConfig.fetchTimeMillis = 360000;

    remoteConfig.defaultConfig = ({
      'holidays': false,
    })

    remoteConfig.fetchAndActivate()
    .then(() => {
    this.holidays = remoteConfig.getBoolean('holidays')
    console.log(this.holidays);
    })

  }

}

部署到Firebase中的代码报告“ remoteConfig不是函数”

Angular拒绝构建，直到我在ngOnInit之外声明了Holiday变量

Answer 1

我假设您使用的是@angular/fire和过时的fireabse版本（低于7）。

您可能想要做的是等待this pull request合并到主分支或安装（由于@ angular / fire还不支持Firebase 7，您可能会看到PEER DEPENDENCY警告）。正在运行：

npm install firebase@7.3.0

或更高。