javascript - Typescript ReconnectingWebSocket 无法调用构造函数

Question

当我尝试创建新的 ReconnectingWebSocket 时我得到以下信息:

reconnecting_websocket_1.default 不是构造函数

typescript 代码是:

import ReconnectingWebSocket, { Options } from 'reconnecting-websocket';

export class RealtimeClient {

    private reconnectingWebSocket: ReconnectingWebSocket

    constructor(private url: string, private dispatch: IDispatcher) {}

    public connect() {
        const wsOptions: Options = {
            minReconnectionDelay: 1000,
            reconnectionDelayGrowFactor: 1.0,
            connectionTimeout: 2000,
        }
        this.reconnectingWebSocket = new ReconnectingWebSocket(this.url, [], wsOptions)
        this.reconnectingWebSocket.onmessage = this.onMessage
    }

    /* ... */
}

在运行时，chrome开发工具中生成的javascript显示reconnecting_websocket_1是预期的ReconnectingWebSocket类，但是default未定义，我认为这是根本原因失败。

this.reconnectingWebSocket = new reconnecting_websocket_1.default(this.url, [], wsOptions);
this.reconnectingWebSocket.onmessage = this.onMessage;

注意:

1. 我正在编译为 ES5 javascript(通过 tsconfig.json target)。
2. 我对 reconnecting-websocket 有非开发依赖 “重新连接-websocket”:“^4.0.0-rc5”

Answer 1

将编译器选项 esModuleInterop 添加到您的 tsconfig.json。
您可能还想看看 socket.io-client，它稍大一些，但 3 年前并没有被放弃。