Angular Typescript开发多人拼字游戏socket客户端报错求助

以下是修复后的完整代码：

import { io, Socket } from 'socket.io-client';

export module SocketHandler {
  let activeSocket: Socket | undefined;

  export function requestSocket(server: string): Socket {
    if (activeSocket === undefined) {
        activeSocket = io(server);
    }
    return activeSocket;
  }

  export function disconnectSocket(): void {
    if (activeSocket) {
      activeSocket.disconnect();
      activeSocket = undefined;
    }
  }
}

错误1修复（export 'connect' 未找到） #

• 原因：socket.io-client v3及以上版本废弃了旧的io.connect()API，导出规则也同步调整
• 操作步骤：
  1. 将导入语句从import * as io from 'socket.io-client'修改为import { io } from 'socket.io-client'
  2. 实例化socket的逻辑从io.connect(server)改为直接调用io(server)

错误2修复（找不到命名空间SocketIOClient） #

• 原因：新版本socket.io-client已内置TypeScript类型定义，旧的第三方类型包@types/socket.io-client提供的SocketIOClient命名空间已废弃
• 操作步骤：
  1. 从socket.io-client中直接导入Socket类型：import { io, Socket } from 'socket.io-client'
  2. 将activeSocket的类型声明从SocketIOClient.Socket修改为Socket | undefined，兼容未初始化的undefined状态
  3. 如果项目中已安装@types/socket.io-client依赖，执行npm uninstall @types/socket.io-client卸载，避免类型冲突

额外优化 #

在disconnectSocket方法中增加了activeSocket存在性判断，避免未初始化时调用方法抛出运行时错误。

内容的提问来源于stack exchange，提问作者Mohamed Sameh Sellami