在Javascript文件中调用appendChild(app.view)时出错

Question

我在 HTML 脚本中创建了一个简单的 Javascript 代码块，我尝试加载新创建的 Pixi 应用程序，但出现错误： “未捕获类型错误：无法在“Node”上执行“appendChild”：参数 1 不是“Node”类型。 在 window.onload (index.html:18:26)"

这是代码块：

<script>
    window.onload = function() {

       let app = new PIXI.Application <HTMLCanvasElement> ({
            width: 800,
            height: 600,
            background: '#1099bb'
        });
        
       document.body.appendChild(app.view); //THIS IS THE ROOT OF THE ERROR
    }

</script>

我使用的是 PixiJS 版本 7.4.0，当我执行任何其他 Javascript 代码（例如添加元素或更改 insideText）时，程序运行良好。

我已确保 PixiJS 版本和 PixiJS 库版本匹配。

Answer 1

尝试将此作为 ChatGpt 解决方案：

<script>
    window.onload = function() {

       let app = new PIXI.Application({
            width: 800,
            height: 600,
            backgroundColor: 0x1099bb // Changed from background to backgroundColor
        });
        
       document.body.appendChild(app.view as HTMLElement); // Cast app.view to HTMLElement
    }

</script>