【问题标题】：angular 2 rc1 how to import external js libraryangular 2 rc1 如何导入外部js库
【发布时间】：2016-05-26 05:27:32
【问题描述】：

我正在尝试将joint.js 与Angular 2 一起使用。这就是我所做的。

index.html

<!-- JoinJS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jointjs/0.9.7/joint.css" />
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.1/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jointjs/0.9.7/joint.js"></script>

config.js

  var  map = {
    'app':                        'app', // 'dist',
    'rxjs':                       'https://npmcdn.com/rxjs@5.0.0-beta.6',
    'angular2-in-memory-web-api': 'https://npmcdn.com/angular2-in-memory-web-api', // get latest
    'joint':                      'https://cdnjs.cloudflare.com/ajax/libs/jointjs/0.9.7/joint.js'
  };

  //packages tells the System loader how to load when no filename and/or no extension
  var packages = {
    'app':                        { main: 'main.ts',  defaultExtension: 'ts' },
    'rxjs':                       { defaultExtension: 'js' },
    'angular2-in-memory-web-api': { defaultExtension: 'js' },
    'joint': { defaultExtension: 'js' },
  };

service.ts

//declare var joint: any;
import * as joint from 'joint';

我收到错误“[ts] 找不到模块接头”。

这里缺少什么？

【问题讨论】：

标签： typescript angular jointjs

【解决方案1】：

您需要包含类型声明文件，以便 ts 编译器可以理解。全局安装类型（npm install -g typings），然后安装jointjs类型（typings install dt~jointjs --save --global）文件。参考请见this和this

【讨论】：

typings install 命令是否生成 .d.ts 文件？为了运行打字安装命令，我必须先安装joint.js，不能简单地在index.html中使用
是的。 Typings 将生成 .d.ts 文件。而且我不确定在 index.html 中使用

【解决方案2】：

我收到错误“[ts] 找不到模块接头”。

FWIW 生成的 javascript 仍然可以more。

快速修复

您需要在foo.d.ts 文件中声明模块：

declare module "join" {
var foo:any;
export = foo;
}

https://basarat.gitbooks.io/typescript/content/docs/types/ambient/d.ts.html

【讨论】：