在Typescript中如何从Typeings

时间:2016-05-31 08:44:20

标签: javascript typescript angular

使用mgechev's angular2-seed,我正试图掌握Angular2和 新项目的打字稿,但遇到了这个问题。

我想在组件中使用Numeral,所以我:

  1. 使用npm install numeral
  2. 安装了数字
  3. 使用typings install dt~numeraljs --global --save
  4. 安装了Numeral的输入
  5. 在我的组件中添加了import { numeral } from '/typings/globals/numeraljs';
  6. 添加了代码行:let num:Number = new Number(numeral().unformat(text));
  7. 到目前为止,这么好。一切似乎都很好。直到我进入浏览器,我进入控制台:

    Error: XHR error (404 Not Found) loading http://localhost:5555/typings/globals/numeraljs.js(…)
    

    我在这里做错了什么?我是否错过了告诉Typescript实际代码在哪里?

2 个答案:

答案 0 :(得分:10)

通常,您要做的是,如果包不是本机的Typescript模块:

import * as numeral from 'numeral';

typings文件夹只是用于告诉Typescript类型定义是什么,因此它将用于代码突出显示和linting。您要导入的实际模块位于node_modules文件夹中,可以使用其名称导入。

如果仍然抱怨找不到numeral模块,你可以添加

/// <reference path="typings/globals/numeraljs/numeraljs.d.ts"/>

或存储Typescript定义文件的任何地方。

答案 1 :(得分:1)

您还需要添加实际numeraljs.js文件的引用链接。在index.html页面中

假设您将index.html页面作为主页面,将numbersjs.js添加到head

<head>
   <script src="myScriptLib/numeral/numeraljs.js"></script>
</head>

您也可以使用system.js加载所有需要的脚本