angular 2 typescript moment install not working

Question

I am trying to install moment.

After npm install moment --save, I import moment in my component, but when reload the page, I got 404 error: http://localhost:3000/moment

here is my component file import code:

import {Input, Output, Component} from "angular2/core"
import {TicketService} from "../services/ticket.service"
import {Ticket} from "./ticket";
import {OnInit} from "angular2/core";
import {Router, RouteParams, RouterLink, ROUTER_DIRECTIVES} from "angular2/router";
import * as moment from 'moment';

I don't understand why. Could someone help me on that ?

Here is my System.config

<script>
    System.config({
        packages: {
            app: {
                format: 'register',
                defaultExtension: 'js'
            }
        }
    });
    System.import('app/boot')
            .then(null, console.error.bind(console));
</script>

Try to install angular2-moment package.

Igor Janković
– Igor Janković

2016-12-30 10:49:36 +00:00
Commented Dec 30, 2016 at 10:49 — Igor Janković
– Igor Janković, Commented Dec 30, 2016 at 10:49
Did you define your 'map' to be mapped under node_modules?

eko
– eko

2016-12-30 10:50:17 +00:00
Commented Dec 30, 2016 at 10:50 — eko
– eko, Commented Dec 30, 2016 at 10:50
@echonax no, I didn't

J.L
– J.L

2016-12-30 10:50:43 +00:00
Commented Dec 30, 2016 at 10:50 — J.L
– J.L, Commented Dec 30, 2016 at 10:50
Can you share your system.config.js?

eko
– eko

2016-12-30 10:51:30 +00:00
Commented Dec 30, 2016 at 10:51 — eko
– eko, Commented Dec 30, 2016 at 10:51
@echonax hi, I added, thanks~

J.L
– J.L

2016-12-30 10:52:40 +00:00
Commented Dec 30, 2016 at 10:52 — J.L
– J.L, Commented Dec 30, 2016 at 10:52

eko · Accepted Answer · 2016-12-30 10:53:43Z

1

You should map that 'moment' path to something under your system config. So it will know where to go.

 System.config({
        map:{
           'moment':                  './node_modules/moment/moment'
        },
        packages: {
            app: {
                format: 'register',
                defaultExtension: 'js'
            }
        }
    });

The exact path may vary depending on your architecture of course.

answered Dec 30, 2016 at 10:53

eko

40.8k11 gold badges79 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

J.L Over a year ago

then it's Cannot GET /node_modules/moment/moment

J.L Over a year ago

checked it's added in the dependencies

eko Over a year ago

I just wrote the path as an example. I don't know where your moment main file is. You must change it accordingly

Collectives™ on Stack Overflow

angular 2 typescript moment install not working

Here is my System.config

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Here is my System.config

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related