Cannot read property 'Timestamp' of undefined. #2124

Activity

1. grahamtwine commented on Aug 1, 2019

   

   grahamtwine

   on Aug 1, 2019

   More actions

   try import * as firebase from 'firebase';

   👎React with 👎5Reacted by Ruben, Saul, Francis Batista, Dayana and Jakub Meinlschmidt
2. LanderBeeuwsaert commented on Aug 1, 2019

   

   LanderBeeuwsaert

   on Aug 1, 2019

   More actions

   @grahamtwine
   If done, firebase will complain you are importing everything, and that you should only do that in development. But yeah, maybe for now that's the best workaround we have.

   👍React with 👍2Reacted by Egor and Saul
3. N-Andronopoulos commented on Aug 1, 2019

   

   N-Andronopoulos

   on Aug 1, 2019

   Author

   More actions

   Well I solved it with:

   import * as firebase from 'firebase/app';
   
   export class Transaction {
     public date: Date;
     ....
     public greatThingsHere() {
       return firestore.Timestamp.fromDate(this.date);
     }
   }
   

   But I don't why it works. Also I have like the original implementation in an interface and It works there.

   import * as firebase from 'firebase/app';
   import Timestamp = firebase.firestore.Timestamp;
   
   export interface TransactionModel {
     date: Timestamp;
     ...
   }
   

   Well I guess It works there cause its just a symbol for TS compiler.

   👍React with 👍2Reacted by Daniel Schreiber and nCr78
4. grahamtwine commented on Aug 1, 2019

   

   grahamtwine

   on Aug 1, 2019 via email

   More actions

   This is really to do with resolving paths.. Note 'firebase' vs 'firebase/App'

   …

   On Thu, 1 Aug 2019 at 18:10, Nikolas Andronopoulos ***@***.***> wrote: Well I solved it with: import * as firebase from 'firebase/app'; export class Transaction { public date: Date; .... public greatThingsHere() { return firestore.Timestamp.fromDate(this.date); } } But I don't why it works. Also I have like the original implementation in an interface and It works there. import * as firebase from 'firebase/app'; import Timestamp = firebase.firestore.Timestamp; export interface TransactionModel { date: Timestamp; ... } Well I guess It works there cause its just a symbol for TS compiler. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#2124>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAGLGSTELC3D7DE2MBV3XCTQCMDJBANCNFSM4H34DBIA> .

   -- Regards, Graham Twine +27 82 990 3055
5. hiepxanh commented on Feb 7, 2020

   

   hiepxanh

   on Feb 7, 2020

   Contributor

   More actions

   import { Timestamp } from '@firebase/firestore-types';
   I think this will be correct, can we close this case? @N-Andronopoulos

   👍React with 👍2Reacted by Ruben and Bart van den Burg
6. N-Andronopoulos

   closed this as completedon Feb 7, 2020
7. beardo01 commented on Jun 9, 2020

   

   beardo01

   on Jun 9, 2020

   More actions

   import { Timestamp } from '@firebase/firestore-types';
   I think this will be correct, can we close this case? @N-Andronopoulos

   It seems like you are actually unable to use that export at run time.
8. N-Andronopoulos commented on Jun 11, 2020

   

   N-Andronopoulos

   on Jun 11, 2020

   Author

   More actions

   import { Timestamp } from '@firebase/firestore-types';
   I think this will be correct, can we close this case? @N-Andronopoulos

   It seems like you are actually unable to use that export at run time.

   Use the export at runtime? Its a type... I think its supposed to be only compile time. I think you must use other modules when using Timestamp for functionality. But I may be wrong.
9. alexandermckay commented on Sep 9, 2020

   

   alexandermckay

   on Sep 9, 2020

   More actions

   In my case I had not imported firebase/firestore

   // Won't work
   import firebase from 'firebase/app'
   console.log(firebase.firestore.Timestamp.now())
   
   // Will work
   import firebase from 'firebase/app'
   import 'firebase/firestore'
   console.log(firebase.firestore.Timestamp.now())

   👍React with 👍4Reacted by Saul, Shlomo Morosow, NashIlli and Geison Biazus
10. RRGT19 commented on Nov 24, 2020

    

    RRGT19

    on Nov 24, 2020

    Last edited by RRGT19

    More actions

    I have created a file where I have all the imports to make it work, also, I have exported the Timestamp class to make use of it across the application and avoid repeating all the imports again.

    // A custom firestore-types.ts
    /**
     * To make the Timestamp class to work in a production build,
     * we need to do all these imports.
     *
     * We exported the import to make use of it across the application and avoid
     * repeating all these imports again.
     */
    
    import * as firebase from 'firebase/app';
    import 'firebase/firestore';
    export import Timestamp = firebase.firestore.Timestamp;

    Example of use:

    import {Timestamp} from './firestore-types';
    
    export interface User {
      createdAt: Timestamp;
    }

    This is working good for me in production builds.