SystemJS moment n'est pas une fonction

Je suis en utilisant JSPM, AngularJS, TypeScript, SystemJS et ES6 et mon projet est en marche assez bien... à moins que j'essaie d'utiliser momentJS.

C'est l'erreur que je reçois:

TypeError: le moment n'est pas une fonction

C'est une partie du code:

import * as moment from 'moment';

Plus:

var momentInstance = moment(value);

Si je le débogage, le moment est un objet n'est pas une fonction:

SystemJS moment n'est pas une fonction

C'est ce que mon moment.js JSPM paquet ressemble:

module.exports = require("npm:[email protected]/moment.js");

J'ai beaucoup lu et je ne pouvais pas trouver un moyen de résoudre ce... des idées?

Certaines choses que j'ai lu/essayé:

Comment utiliser momentjs en caractères d'imprimerie avec SystemJS?

https://github.com/angular-ui/ui-calendar/issues/154

https://github.com/jkuri/ng2-datepicker/issues/5

Tapuscrit systèmes de modules sur momentJS se comporte bizarrement

https://github.com/dbushell/Pikaday/issues/153

Merci!

  • qui avez-vous fait de l'injection de dépendance de moment angulaire ?
  • salut, merci pour votre commentaire. Je suis désolé, mais que voulez-vous dire pourquoi? Si oui, que recommanderiez-vous comme alternative? Merci encore.
InformationsquelleAutor eestein | 2016-02-08
  1. 56

    Simplement supprimer le groupement (* as) à partir de votre déclaration d'importation:

    import moment from 'moment';

    Sans creuser trop profondément dans le le code source, il ressemble à moment généralement exporte une fonction, qui a toutes sortes de méthodes et d'autres propriétés attachées à elle.

    En utilisant * as, vous êtes effectivement saisir l'ensemble de ces propriétés et de les attacher à un nouveau objet, en détruisant la fonction d'origine. Au lieu de cela, vous voulez juste le chef de l'exportation (export default dans l'ES6, module.exports objet dans Node.js).

    Alternativement, vous pourriez faire

    import moment, * as moments from 'moment';

    pour obtenir le moment de fonction comme moment, et toutes les autres propriétés à un objet appelé moments. Cela fait un peu moins de sens lors de la conversion de ES5 les exportations de ce genre pour ES6 style, parce que moment conserve les mêmes propriétés.

    • Merci beaucoup! ... Je ne peux pas croire que c'était seulement ça, et que je n'ai pas l'essayer avant... Merci!
    • Des acclamations. Voici le MDN article sur import. À mon avis, c'est un peu trop bref instant, mais il couvre la plupart de la syntaxe.
    • merci vous avez été d'une grande aide 🙂 maintenant, je vais essayer de régler certains problèmes liés à la tz fonction n'est pas disponible... Merci encore!!
    • Je pourrais vous embrasser, merci merci merci.
    • sauvé ma journée.j'ai été chargement par le webpack.maintenant, son look de bon
    • Moi aussi j'avais essayé import * as moment from 'moment' qui m'a donné le "moment n'est pas une fonction d'erreur". En modifiant comme vous l'avez suggéré, à import moment from 'moment' change juste l'erreur de moment_1.default is not a function. ce qui se passe ici? (Il semble que le fait de changer la façon dont je l'importation a causé un tapuscrit à compiler mon moment() appel de fonction dans un moment_1.default appel de fonction.)

    InformationsquelleAutor Oka
  2. 2

    Cela a fonctionné pour moi:

    import moment from 'moment/src/moment'
    InformationsquelleAutor S. Bleier
  3. 0

    Un débutant en JS erreur qui me donnait le même message d'erreur:

    foobar(moment) {
  console.log(moment().whatever());
}

    De nommer un paramètre moment pauses accès à la moment() fonction.

    InformationsquelleAutor Patrick
  4. 0

    J'ai eu le code suivant format et j'ai obtenu une erreur similaire.

       export const input = {
   year: moment().year()
   };
   class EventExplorer extends Component {
     state = {};
     //rest of the code 
   }

    puis j'ai déménagé le objet d'entrée à l'intérieur de la EventExplorer classe comme indiqué ci-dessous

    class EventExplorer extends Component {
 state = {};
 input = {
   year: moment().year()
 };
  //rest of the code 
}`
    InformationsquelleAutor dinith jayabodhi