Question

191

SystemJS - moment is not a function

rated 0 times [ 192] [ 1] / answers: 1 / hits: 53066 / 9 Years ago, mon, february 8, 2016, 12:00:00

I'm using JSPM, AngularJS, TypeScript, SystemJS and ES6 and my project is running pretty well... unless I try to use momentJS.

This is the error I get:

TypeError: moment is not a function

This is part of the code:

import * as moment from 'moment';

More:

var momentInstance = moment(value);

If I debug it, moment is an object not a function:

This is what my moment.js JSPM package looks like:

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

I've read a lot and couldn't find a way to solve this... any ideas?

Some things I've read/tried:

How to use momentjs in TypeScript with SystemJS?

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

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

Typescript module systems on momentJS behaving strangely

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

Thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alora

Add To Favorites

Follow

Total Points: 284

Total Questions: 99

Total Answers: 92

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

alora questions

1 How to get Transaction Receipt Event Logs?

Sun, Mar 6, 22, 00:00, 2 Years ago

1 How to put React.Component to CSS content property (in :before/:after pseudo-elements)?

Wed, Mar 31, 21, 00:00, 3 Years ago

1 JavaScript: How can i check if an array contains elements in common with a second array?

Fri, Nov 20, 20, 00:00, 4 Years ago

1 Sending POST request with body in axios

Wed, Sep 16, 20, 00:00, 4 Years ago

1 React onMouseEnter and onMouseLeave not behaving consistently

Mon, Aug 3, 20, 00:00, 4 Years ago

View All

answered 9 Years ago adilene · Accepted Answer

Simply remove the grouping (* as) from your import statement:

import moment from 'moment';

Without digging too deeply in to the source code, it looks like moment usually exports a function, that has all kinds of methods and other properties attached to it.

By using * as, you're effectively grabbing all those properties and attaching them to a new object, destroying the original function. Instead, you just want the chief export (export default in ES6, module.exports object in Node.js).

Alternatively, you could do

import moment, * as moments from 'moment';

to get the moment function as moment, and all the other properties on an object called moments. This makes a little less sense when converting ES5 exports like this to ES6 style, because moment will retain the same properties.