Добавить момент к угловому 2 (угловой кли)

Question

Я следил за направляющими линиями в cli github page. Но я не могу заставить его работать в моем приложении.
Вот что я сделал:

1. установлено момент: npm install moment --save
2. установленного момент TS типизации: npm install @types/moment --save
3. импортированы момент в одном из моих компонентов: import * as moment from 'moment';

Я получаю следующее ошибка: img http://image.prntscr.com/image/3a64732128ae49c1907e754ae056e879.png

A Какие идеи?

Answer 1

Для установки сторонней библиотеки в новейшей версии angular-cli просто сделано проще. (Версия веб-пакета, а не systemjs).

Перейти к вашему угловому-cli.json на корне проекта и настроить его, как,

{ 
    ... 
    "apps": [ 
    ... 
    "scripts": [ 
     "../node_modules/moment/min/moment.min.js" 
    ] 
    ... 
    ] 
    ... 
} 

Тогда, наконец, в вашем any.component.ts вы можете импортировать его, как это,

import { Component, OnInit } from '@angular/core'; 
import * as moment from 'moment'; 

@Component({ 
    selector: '[id=home]', 
    templateUrl: './home.component.html', 
    styleUrls: ['./home.component.scss'] 
}) 
export class HomeComponent implements OnInit { 
    constructor() { } 

    ngOnInit() { 
     console.log('today is', moment()); 
    } 
} 

Answer 2

Вам просто нужно включить, чтобы включить момент, используя синтаксис CommonJS, а не импорт. Попробуйте следующее:

let moment = require('moment'); 

Это потому, что момент не как модуль ES6 еще, и как таковой не будет работать с новой import синтаксиса.

UPDATE:

Когда я думаю об этом, я только использовал этот подход в моих модульных тестов. Использование его в вашем приложении может работать не так, потому что в этом подходе используется узла, который не может использоваться на стороне клиента.

Однако при использовании Moment в ваших компонентах вы можете использовать angular2-moment. Полные инструкции по установке можно найти на странице GitHub, но использование выглядит следующим образом:

<div>today is {{ Date.now() | amDateFormat:'LL' }}</div> 

Есть несколько других труб, которые можно использовать, которые все документированные на странице GitHub.

UPDATE 2:

По v2.10.0, Moment теперь поддерживает синтаксис ES6, так что вы должны быть в состоянии использовать любой синтаксис ES6 import вместо require.

Answer 3

мне пришлось обновить свою версию консоли: npm uninstall -g angular-cli @angular/cli npm cache clear npm install -g @angular/cli@latest