使用mgechev's angular2-seed,我正试图掌握Angular2和 新项目的打字稿,但遇到了这个问题。
我想在组件中使用Numeral,所以我:
npm install numeral
typings install dt~numeraljs --global --save
import { numeral } from '/typings/globals/numeraljs';
let num:Number = new Number(numeral().unformat(text));
到目前为止,这么好。一切似乎都很好。直到我进入浏览器,我进入控制台:
Error: XHR error (404 Not Found) loading http://localhost:5555/typings/globals/numeraljs.js(…)
我在这里做错了什么?我是否错过了告诉Typescript实际代码在哪里?
答案 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加载所有需要的脚本