Правильная установка PixiJS в Angular 6

Question

У меня проблема с правильной установкой PixiJS в Angular 6. Я пытался:

npm install pixi.js

и тогда:

npm install --save @types/pixi.js

также изменил мой путь в массиве скриптов:

 "scripts": [
         "node_modules/pixi.js/dist/pixi.min.js"
    ],

но когда добавить скрипт из учебника:

<script type="text/javascript">
    let type = "WebGL"
    if(!PIXI.utils.isWebGLSupported()){
      type = "canvas"
    }

    PIXI.utils.sayHello(type)
  </script>

в мой index.html просто чтобы проверить, подключен ли Pixi, я все еще получил ошибку:

Uncaught ReferenceError: PIXI is not defined

Что я должен изменить? Не могли бы вы помочь мне с решением?

Answer 1

Вам нужно добавить это в начало файла *.ts вашего компонента, сразу после любого @imports, который у вас может быть:

declare var PIXI:any;

Это позволит вам получить доступ к нему из вашего файла Typescript.

Если вы не можете получить к нему доступ из своего кода, попробуйте импортировать его следующим образом:

import * as PIXI from 'pixi.js';