Как импортировать enchant.js в угловой проект?

Question

Я испробовал все нижеприведенные методы для импорта enchant.js в свой угловой проект, но он дает ошибку, что enchant не работает.

  <script src="assets/js/enchant.js"></script>
 added this in index.html

 or even i tried this way import directly in component.ts
import * as enchant from '../../assets/js/enchant.js';

and 

declare var enchant: any


enchant.enchant(); // initialize 
      var game = new  enchant.Core(320, 320); // game stage
      game.preload('../../assets/imgs/chara1.png'); // preload image
      game.fps = 20;

      game.onload = function(){
          var bear = new enchant.Sprite(32, 32);
          bear.image = game.assets['../../assets/imgs/chara1.png'];
          game.rootScene.addChild(bear);
          bear.frame = [6, 6, 7, 7];   // select sprite frame

          bear.tl.moveBy(288, 0, 90)   // move right
              .scaleTo(-1, 1, 10)      // turn left
              .moveBy(-288, 0, 90)     // move left
              .scaleTo(1, 1, 10)       // turn right
              .loop();                 // loop it
      };

      game.start(); // start your game!
    })

Это ошибка, которую я получаю, и я должен получить доступ к этой функции зачарования