Blazor集成PixiJS v8.6.4时，追加Canvas出现TypeError错误的问题求助

大家好，我在尝试把PixiJS v8.6.4集成到Blazor项目时，刚起步就卡壳了，想请各位帮忙排查下问题。

我目前的操作步骤如下：

• 已经在页面的body标签里引入了PixiJS脚本：

<script src="pixi.js"></script>

• 在页面中添加了一个Canvas元素：

<canvas id="pixiCanvas" width="800" height="600" style="background-color: lightcyan"></canvas>

• 因为是Blazor项目，我通过JS互调的方式调用自定义的JS函数，Blazor端代码：

@code {
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        await JS.InvokeVoidAsync("drawCircleAndLine", "pixiCanvas");   
    }
}

我的drawCircleAndLineJS函数目前很简单，代码如下：

function drawCircleAndLine(canvasId) {

    // 获取指定ID的Canvas元素
    const canvas = document.getElementById(canvasId);

    // 创建新的PIXI应用实例
    let app = new PIXI.Application({
        width: canvas.width,
        height: canvas.height,
        antialias: true,
        backgroundColor: 0xEEEEEE
    });

    // 这一行就是报错的源头
    document.body.appendChild(app.canvas);
}

运行时，函数最后一行会触发错误，错误来自PixiJS源码的26545行：

get canvas() {
    return this.renderer.canvas;
}

对应的错误提示是：TypeError: Cannot read properties of undefined (reading 'canvas')

有没有大佬能给点解决建议呀？

备注：内容来源于stack exchange，提问作者Richard