使用 TypeScript 的 socket.io 客户端

Question

我尝试在客户端中将 TypeScript 与 socket.io 一起使用：

import { Manager, Socket} from "socket.io-client";
import {DefaultEventsMap} from "@socket.io/component-emitter";

export class SocketIoService {
    private socket: Socket<DefaultEventsMap, DefaultEventsMap>

    constructor() {
        const manager = new Manager("http://localhost:3000");
        this.socket = manager.socket("/");
    }

    public connect() {
        this.socket.emit("hello");
        this.socket.on("noArg", () => {
            // ...
        });

        this.socket.on("basicEmit", (a, b, c) => {
            // a is inferred as number, b as string and c as buffer
            console.log(a + b + c);
        });
    }
}

问题是当我启动服务器时，出现以下错误：

The requested module './../../../parseuri/index.js' does not provide an export named 'default'

我做错了什么？

Answer 1

• 更新客户端
• 检查更新的文档已在此处更新： https://socket.io /docs/v3/server-initialization/#Syntax

服务器：

import { Server } from "socket.io";

const io = new Server(httpServer);

客户端：

import { Manager } from "socket.io-client";

const manager = new Manager("http://localhost:3000");
const socket = manager.socket("/");

Answer 2

（这应该是一条评论，但我没有足够的代表来发表评论）

该错误表示您正在尝试从已命名导出的模块默认导入。

你能附上错误的堆栈跟踪吗？

我对触发导入“./../../../parseuri/index.js”的模块感兴趣。

Answer 3

我不完全确定该错误与此特定代码有何关系。我刚刚创建了一个空文件夹，添加了您的代码，并且使用空的 tsconfig.json 就能够编译。这是编译后的代码：

"use strict";
exports.__esModule = true;
exports.SocketIoService = void 0;
var socket_io_client_1 = require("socket.io-client");
var SocketIoService = /** @class */ (function () {
    function SocketIoService() {
        var manager = new socket_io_client_1.Manager("http://localhost:3000");
        this.socket = manager.socket("/");
    }
    SocketIoService.prototype.connect = function () {
        this.socket.emit("hello");
        this.socket.on("noArg", function () {
            // ...
        });
        this.socket.on("basicEmit", function (a, b, c) {
            // a is inferred as number, b as string and c as buffer
            console.log(a + b + c);
        });
    };
    return SocketIoService;
}());
exports.SocketIoService = SocketIoService;

我建议这样做：

$ rm -rf node_modules
$ npm i

然后再试一次。