在 angular 应用程序和 firebase 集成中出现时间戳错误

Question

我正在使用 firebase 开发一个 Angular 应用程序。

这是我收到的错误：

Firestore 中存储的 Date 对象的行为将发生变化您的应用程序可能会崩溃。要隐藏此警告并确保您的应用程序不会中断，您需要添加在调用任何其他 Cloud Firestore 方法之前将代码添加到您的应用程序：

 const firestore = firebase.firestore();
 const settings = {/* your settings... */ timestampsInSnapshots: true};
 firestore.settings(settings);

进行此更改后，存储在 Cloud Firestore 中的时间戳将被读回为 Firebase 时间戳对象而不是系统日期对象。所以你也会需要更新期望日期而不是期望时间戳的代码。例如：

// Old:
const date = snapshot.get('created_at');
// New:
const timestamp = snapshot.get('created_at');
const date = timestamp.toDate();

启用新行为时，请审核 Date 的所有现有用法。在一个未来的版本，行为将改变为新的行为，所以如果你不这样做按照这些步骤操作，您的应用可能会崩溃。

这是我的 package.json 文件：

  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "angularfire2": "^5.0.0-rc.6.0",
    "core-js": "^2.4.1",
    "firebase": "^4.13.1",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.4",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }

Firebase -v: 4.13.1 Angular火-v:5.0.0-rc.6.0 OS: Mac OSX / Windows （在两个平台上都试过了。）

另外，这个错误背后的原因是什么？

Answer 1

我从 egaviriarestrepo 得到了修复 - https://github.com/angular/angularfire2/issues/1575

无论在何处调用 AngularFirestore，都需要在构造函数中添加以下两行：

const settings = {timestampsInSnapshots: true};
afs.app.firestore().settings(settings);

它应该看起来像这样：

export class CoreModule {
  constructor( private afs: AngularFirestore) {
        const settings = {timestampsInSnapshots: true};
        afs.app.firestore().settings(settings);
  }
}

如果上面的代码不起作用，请尝试下面的代码：

export class CoreModule {
  constructor( private afs: AngularFirestore) {
        const settings = {timestampsInSnapshots: true};
        afs.firestore.settings(settings);
  }
}

在 angular 应用程序和 firebase 集成中出现时间戳错误

Getting a timestamp error in an angular app and firebase integration

firebase

angularfire2

angular