Phaser3集成Socket.io后Tilemap报错及重力设置问题求助

我正在用Node.js搭建游戏服务器，计划通过Socket.io实现多人在线模式。测试单人模式在服务器运行时遇到以下问题：

• 已成功加载主菜单，能通过按钮切换到单人游戏场景
• 引入Socket.io后，Tilemap无法正常加载，控制台报错：this.skymap.createLayer is not a function
• 将createLayer改为createDynamicLayer后场景加载成功，但设置目标旗帜不受重力影响时调用setAllowGravity(false)报错

附相关代码文件：server.js、主菜单场景代码、游戏场景代码及错误截图，请求协助排查。

1. 针对createLayer is not a function错误 #

• 验证this.skymap实例：调用createLayer前打印console.log(this.skymap)，确认它是Phaser的Tilemap实例。Socket.io引入可能打乱资源加载顺序，导致this.skymap未正确初始化或为undefined。
• 检查Tilemap加载流程：确保preload阶段正确加载了tilemap资源，create阶段通过this.make.tilemap()或this.load.tilemapTiledJSON()生成合法的Tilemap实例。若Socket.io初始化阻塞了资源加载，会导致Tilemap未就绪。
• 核对Phaser版本兼容性：不同Phaser版本的Tilemap API存在差异，createLayer是旧版Tilemap的方法，若版本变更需对应调整调用方式。

2. 针对setAllowGravity(false)报错 #

• 确认goalFlag物理体状态：setAllowGravity是Phaser.Physics.Arcade.Sprite的专属方法，检查goalFlag是否通过this.physics.add.existing(goalFlag)启用了物理系统，未启用则无法调用该方法。
• 检查场景物理配置：确保游戏场景已正确启用物理系统（如场景配置中设置physics: { arcade: { gravity: { y: 300 } } }），Socket.io引入可能干扰了场景配置的初始化流程。
• 排查变量作用域：确认调用setAllowGravity时goalFlag已被正确定义，避免因Socket.io异步回调导致变量未初始化。

3. Socket.io相关干扰排查 #

• 调整初始化时机：将Socket.io客户端初始化放在游戏资源全部加载完成后执行，避免阻塞Phaser的资源加载流程。
• 隔离测试验证：暂时移除所有Socket.io相关代码，确认单人模式是否正常运行。若恢复正常，再逐步添加Socket.io代码，定位到具体引发问题的代码块。

内容的提问来源于stack exchange，提问作者Genesis cookie