FireStore timestampsInSnapshots

[egaviriarestrepo]

Version info

**Angular:5.2.10
**Firebase:4.13.0
**AngularFire:5.0.0-rc.5-next

Debug output

** Errors in the JavaScript console **
** Screenshots **

Steps to set up and reproduce

For now, i solve it like this;
https://firebase.google.com/support/release-notes/js

export class CoreModule {

  constructor( ...,
               private afs: AngularFirestore) {

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

   ...
  }
}

[tgangso]

I am not able to use your temporary solution when i have AngularFirestoreModule.enablePersistence()

Error i get:

ERROR Error: Firestore has already been started and its settings can no longer be changed. You can only call settings() before calling any other methods on a Firestore object.

[software770-2]

I have the same issue and the temporary fix didn't work for me

[software770-2]

Sorry it's working, just put it in the config too and had to remove it from there:
var firebaseConfig = { ... timestampsInSnapshots: true };

[abdellatifLabr]

the same problem as @tgangso

[nathanfan46]

@tgangso
I have the same issue here.
Please have more details of how is it working. I've checked FirebaseAppConfig interface
and it seems not having "timestampsInSnapshots"

export interface FirebaseAppConfig {
apiKey?: string;
authDomain?: string;
databaseURL?: string;
storageBucket?: string;
messagingSenderId?: string;
projectId?: string;
}

I use the code below:
AngularFireModule.initializeApp({...firebaseconfig, timestampsInSnapshots: true}),
and it's not working. Please let me know how to add correct config to it. Thank you.

[egaviriarestrepo]

try something like this:

@NgModule( {
  imports: [
    ...,
    AngularFireModule.initializeApp( environment.firebase, 'XXX' ),
  ],
  declarations: [
    ...
  ],
  providers: [
    ...
  ]
} )
export class CoreModule {
  constructor( @Optional() @SkipSelf() parentModule: CoreModule,
               private afs: AngularFirestore ) {

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

    ...
  }
}

if u need, use AppModule instead of CoreModule

[nathanfan46]

@egaviriarestrepo
Thank you, but my issue is that our app need to enable offline support.
So if I add "AngularFirestoreModule.enablePersistence(),"
I will get this error:
console.error: Unhandled Promise rejection: Firestore has already been started and its settings can no longer be changed. You can only call settings() before calling any other methods on a Firestore object.

`
@NgModule( {
imports: [
...,
AngularFireModule.initializeApp( environment.firebase, 'XXX' ),
AngularFirestoreModule.enablePersistence(),
],
declarations: [
...
],
providers: [
...
]
} )
export class CoreModule {
constructor( @optional() @SkipSelf() parentModule: CoreModule,
private afs: AngularFirestore ) {

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

...

}
}
`

[egaviriarestrepo]

you can try, but i dont know if it work :

    afs.app.firestore().settings( settings );
    afs.app.firestore().enablePersistence();

and comment:

AngularFirestoreModule.enablePersistence()

[nathanfan46]

@egaviriarestrepo
Thank you, it works.
Import AngularFirestoreModule instead of AngularFirestoreModule.enablePersistence() then it's working.

[tgangso]

@egaviriarestrepo Thank you made it work also like @nathanfan46 sais you have to remove enablePersistence from module load.

[ziftytodd]

This solution isn't working for me. I've modified my app.module.ts to look like this:

import { AngularFirestoreModule, AngularFirestore } from 'angularfire2/firestore';
...
  imports: [
    ...,
    AngularFireModule.initializeApp(environment.firebase, 'test-app'),
    AngularFirestoreModule
  ]
...
export class AppModule {
  constructor( @Optional() @SkipSelf() parentModule: AppModule,
                 private afs: AngularFirestore ) {

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

But I get the error error TS2339: Property 'app' does not exist on type 'AngularFirestore'.

[pshields]

@ziftytodd Try afs.firestore.settings({timestampsInSnapshots: true});, that's what worked for me when I got that error.