在 Ionic 框架中使用 Phaser v3 的白屏

Question

我尝试创建一个 Phaser 游戏观看本教程：https://www.youtube.com/watch?v=W43SoPeNctQ

问题是，当页面重新加载时，我会在几毫秒内看到画布，而这幅画布却不想让地方变成白屏；我只看到顶部的标题栏和屏幕底部的选项卡。

控制台中没有错误。

我正在使用 Phaser v3.24.1，就像在视频中一样，浏览器是 Brave，所以是 Chromium。

“离子信息”显示了这一点：

Ionic:

   Ionic CLI                     : 6.12.3 (C:\Users\myuser\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.6.5
   @angular-devkit/build-angular : 0.1102.10
   @angular-devkit/schematics    : 11.2.10
   @angular/cli                  : 11.2.10
   @ionic/angular-toolkit        : 3.1.1

Capacitor:

   Capacitor CLI   : 2.4.7
   @capacitor/core : 2.4.7

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v14.15.4 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.10
   OS     : Windows 10

“ng 版本”显示了这一点：

Angular CLI: 11.2.10
Node: 14.15.4
OS: win32 x64

Angular: 11.2.11
... common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1102.10
@angular-devkit/build-angular   0.1102.10
@angular-devkit/core            11.2.10
@angular-devkit/schematics      11.2.10
@angular/cli                    11.2.10
@schematics/angular             11.2.10
@schematics/update              0.1102.10
rxjs                            6.6.7
typescript                      4.0.7

有人可以帮忙吗？

Answer 1

我找到了解决方案：相位器初始化方法的调用需要放在 ionViewDidEnter() 中，而不是像我一样放在构造函数中。