Question

在Angular 6中正确安装PixiJS时遇到问题，我试图：

npm install pixi.js

和：

npm install --save @types/pixi.js

还修改了脚本数组中的路径：

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

但是从tutorial添加脚本时：

<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文件顶部，紧随任何@import之后：

declare var PIXI:any;

这将使您可以从Typescript文件访问它。

如果无法从代码中访问它，请尝试按以下方式导入它：

import * as PIXI from 'pixi.js';

在Angular 6中正确安装PixiJS

1 个答案: