Moment是第三方全球资源。moment对象位于浏览器的窗口上。因此，在你的angular2应用中导入它是不正确的。相反，在加载moment.js文件的html中包含<script>标记。

为了让TypeScript满意，你可以添加

declare var moment: any;

在你的文件顶部，你可以使用它来停止编译错误，或者你可以使用

///<reference path="./path/to/moment.d.ts" />

或者使用tsd来安装moment.d.ts文件，TypeScript可以自己找到这个文件。

例子

import {Component} from 'angular2/core';
declare var moment: any;

@Component({
    selector: 'example',
    template: '<h1>Today is {{today}}</h1>'
})
export class ExampleComponent{
    today: string = moment().format('D MMM YYYY');
}

只需确保在html中添加script标签，否则moment将不存在。

<script src="node_modules/moment/moment.js" />

模块加载力矩

首先，你需要设置一个模块加载器，比如System.js来加载moment commonjs文件

System.config({
    ...
    packages: {
        moment: {
            map: 'node_modules/moment/moment.js',
            type: 'cjs',
            defaultExtension: 'js'
        }
    }
});

然后将moment导入到需要使用的文件中

import * as moment from 'moment';

or

import moment = require('moment');

编辑:

还有一些捆绑器的选项，如Webpack或SystemJS builder或Browserify，将保持窗口对象的时刻。欲了解更多相关信息，请访问它们各自的网站获取指导。

要在Typescript项目中使用它，你需要安装moment:

NPM安装时刻——保存

在安装moment之后，你可以在导入后的任何.ts文件中使用它:

Import * as moment from "moment";

对于angar2 RC5，这为我工作…

第一次安装时刻通过NPM

npm install moment --save

然后在你想要使用它的组件中导入moment

import * as moment from 'moment';

最后，在systemjs.config.js中配置"map"和"packages"

// map tells the System loader where to look for things
  var map = {
  ....
  'moment':                     'node_modules/moment'
  };
  // packages tells the System loader how to load when no filename and/or no extension
  var packages = {
    ...
    'moment':                       { main:'moment', defaultExtension: 'js'}
  };

在systemjs中，我所做的是。我添加了map

map: {
   .....,
   'moment': 'node_modules/moment/moment.js',
   .....
}

然后你可以很容易地导入力矩

import * as moment from 'moment'

如果你愿意添加更多的第三方包，我使用了angular2-moment库。安装非常简单，您应该遵循README上的最新说明。因此，我还安装了类型。

它对我来说就像一个魅力，几乎没有添加任何代码来让它工作。

对于ANGULAR CLI用户

使用外部库在这里的文档中:

https://github.com/angular/angular-cli/wiki/stories-third-party-lib

Simply install your library via npm install lib-name --save and import it in your code. If the library does not include typings, you can install them using: npm install lib-name --save npm install @types/lib-name --save-dev Then open src/tsconfig.app.json and add it to the types array: "types":[ "lib-name" ] If the library you added typings for is only to be used on your e2e tests, instead use e2e/tsconfig.e2e.json. The same goes for unit tests and src/tsconfig.spec.json. If the library doesn't have typings available at @types/, you can still use it by manually adding typings for it: First, create a typings.d.ts file in your src/ folder. This file will be automatically included as global type definition. Then, in src/typings.d.ts, add the following code: declare module 'typeless-package'; Finally, in the component or file that uses the library, add the following code: import * as typelessPackage from 'typeless-package'; typelessPackage.method(); Done. Note: you might need or find useful to define more typings for the library that you're trying to use.