Thêm thời điểm vào góc 2 (góc cạnh)

Question

Tôi đã theo các dòng guid tại cli github page. Nhưng tôi không thể làm cho nó hoạt động trong ứng dụng của tôi.
Dưới đây là những gì tôi đã làm:

1. thời điểm cài đặt: npm install moment --save
2. cài đặt thời điểm ts typings: npm install @types/moment --save
3. thời điểm nhập khẩu thuộc một trong các thành phần của tôi: import * as moment from 'moment';

Tôi nhận được như sau lỗi: img http://image.prntscr.com/image/3a64732128ae49c1907e754ae056e879.png

A ny ý tưởng?

Answer 1

Để cài đặt thư viện của bên thứ ba trong phiên bản mới nhất của angular-cli chỉ đơn giản hơn. (Phiên bản webpack, không phải là systemjs).

Đến bạn góc-cli.json trên gốc của dự án của bạn và cấu hình nó như thế nào,

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

Rồi cuối cùng, trong any.component.ts bạn bạn có thể nhập nó như thế này,

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

Bạn chỉ cần bao gồm để bao gồm thời điểm sử dụng cú pháp CommonJS, thay vì nhập. Hãy thử như sau:

let moment = require('moment'); 

Điều này là do thời điểm không phải là mô-đun ES6 nêu ra, và như vậy sẽ không làm việc với các import cú pháp mới hơn.

UPDATE:

Khi tôi nghĩ về nó, tôi đã chỉ được sử dụng phương pháp này trong các bài kiểm tra đơn vị của tôi. Sử dụng nó trong ứng dụng của bạn có thể không hoạt động theo cùng một cách vì cách tiếp cận này sử dụng nút require của nút, không thể sử dụng phía máy khách.

Tuy nhiên, khi sử dụng Moment trong các thành phần của bạn, bạn có thể sử dụng angular2-moment. hướng dẫn đầy đủ thiết lập có thể được tìm thấy trên trang GitHub, nhưng việc sử dụng trông như thế này:

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

Có một vài ống khác mà bạn có thể sử dụng, tất cả được ghi nhận trên trang GitHub.

UPDATE 2:

Tính đến v2.10.0, Moment bây giờ hỗ trợ cú pháp ES6, vì vậy bạn sẽ có thể sử dụng bất kỳ cú pháp ES6 import thay vì require.

Answer 3

tôi đã cập nhật phiên bản cli tôi: npm uninstall -g angular-cli @angular/cli npm cache clear npm install -g @angular/cli@latest