将CreateJS导入Angular 6应用程序

时间:2018-10-15 02:41:01

标签: angular typescript createjs

我正在尝试在Angular应用程序中使用CreateJS。我已经安装了typeping和createjs NPM软件包。我已将/// <reference types="@types/createjs" />放在文件的顶部。该应用程序已编译,但在Web浏览器中却显示了以下错误:

  

错误ReferenceError:未定义createjs

如何定义'createjs'?我的打字稿代码如下。谢谢。

/// <reference types="@types/createjs" /> 
import { Component, AfterViewInit } from '@angular/core';


@Component({
  selector: 'timeline-creator',
  template: '<canvas width="1000" height="500"id="demoCanvas"></canvas>'
})
export class TimelineCreatorComponent implements AfterViewInit {

 ngAfterViewInit (){


  var stage = new createjs.Stage("demoCanvas")
  var circle = new createjs.Shape();
  circle.graphics.beginFill("DeepSkyBlue").drawCircle(0, 0, 50);
  circle.x = 100;
  circle.y = 100;
  stage.addChild(circle);
  stage.update();

 }
}

1 个答案:

答案 0 :(得分:1)

createjs的@types似乎格式化为名称空间而不是模块。如果您按以下方式导入:

import 'createjs';

然后您可以访问例如:

createjs.Stage