ionic - 手动添加的 js 文件未被编译

Question

我正在尝试在我的 Ionic 4 应用程序中使用这个库：

正如 README 所说，我已经下载了脚本文件并添加到我的 HTML:

<body>
  <app-root></app-root>
  <script src="/assets/scripts/scrollcam.min.js"></script>
</body>

所以在我的场景中我添加了：

...
export class BlankSceneService extends Phaser.Scene {
    public myCamera = new ScrollingCamera(this);
    ...

但是当我尝试编译我的 Ionic 4 应用程序时，它因以下错误而停止：

[ng] ERROR in src/app/services/blank-scene.service.ts(17,25): error TS2304: Cannot find name 'ScrollingCamera'.

看来我需要在场景脚本中import这个class。

对吗？我该怎么做？

Answer 1

将您的脚本文件添加到您的 angular.json 脚本部分

"scripts": [
  .....
  "/assets/scripts/scrollcam.min.js"
]

现在你必须声明ScrollingCamera然后使用它：

declare const ScrollingCamera: any;

export class BlankSceneService extends Phaser.Scene {
  public myCamera = new ScrollingCamera(this);
}

ionic - manually added js file is not being compiled