服务器游戏类吸引方法未在客户端的扩展子类上定义

Question

我有一个state.js文件，用于socket.io文件的后端。我已经为所有玩家定义了一个列表，player class和一个扩展的cartare类，其中我从player类中继承了所有方法。

以下是我在服务器端的类玩家的代码：

class Player {
constructor(x,y){
    this.x = x;
    this.y = y;
    this.radius = 20;
    this.xVel = 4;
    this.yVel = 4;
    this.usingSuper = false;
    this.superLeft = 3;
    this.immune = false;
    this.shield = false;
    this.duration = 3000;
    this.cooldown = 5000;
}

draw() {
    ctx.beginPath();
    ctx.fillStyle = this.color;
    ctx.arc(this.x, this.y, this.radius, 0, Math.PI*2);
    ctx.fill();
    ctx.closePath();
}

这是我的扩展类“ max”的代码：

class Max extends Player { // superspeed character
constructor(x,y){
    super(x,y);
    this.color = 'yellow';
}

useSuper(){
    this.superLeft --;
    this.usingSuper = true;
    this.xVel = 15;
    this.yVel = 15;
    // 5 lines below turns the player color to white for a split second
    let originalColor = this.color;
    this.color = 'white';
    setTimeout(()=>{
        this.color = originalColor;
    }, 500);
    setTimeout(()=>{
        this.xVel = 4;
        this.yVel = 4;
        setTimeout(()=>{
            this.usingSuper = false;
        }, this.cooldown);
    }, this.duration);
}

这是我在main.js中调用client端的draw函数的

socket.on('state', (gameState)=>{
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    for (let player in gameState.players){
    gameState.players[player].draw();
    }
})

代码。它在浏览器控制台中给了我这个错误：

undureck typeError：gamestate.players [player]。绘图不是函数 在插座。 （main.js：13：35）在socket.emitter.emit上 （index.mjs：136：20）在socket.emitevent（socket.js：278：20） socket.onevent（socket.js：265：18）at socket.onpacket （socket.js：235：22）at manager.emitter.emit（index.mjs：136：20）at exoder.emitter.emit （index.mjs：136：20）在解码器（index.js：124：17）at manager.ondata （经理JS：192：22）

即使我直接在子类max中直接覆盖它，绘制功能仍然不确定。如何解决此问题？