Vue 无法使用 Typescript 加载 SignalR Core

Question

我正在尝试在我的 Vue 应用程序中将 SignalR Core 与 @vue/cli 和 Typescript 一起使用。在我的组件中，我只是使用

import signalR from "@aspnet/signalr";

编译器告诉我一切正常。 npm run serve 和 npm run build 都告诉我一切正常。但是，一旦我尝试在浏览器中加载我的应用程序，就会出现以下错误：

Uncaught TypeError: Cannot set property 'signalR' of undefined

这发生在 signalr.js 内容的最开头：

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global.signalR = factory());
}

似乎由于某种原因 global 未定义。我在 Vue 中导入库的方式有问题，还是 SignalR 团队不正确地导出了他们的类？

我也试过 const signalR = require("./signalr.js")，但那给了我同样的错误。

Answer 1

我不知道为什么，但罪魁祸首是

import signalR from "@aspnet/signalr";

如果我不使用 catch-all 导入并只导入我需要的类型，它工作正常：

import { HubConnection, HubConnectionBuilder } from "@aspnet/signalr";

signalR 的导出方式可能有问题，但我不知道是什么。

Vue 无法使用 Typescript 加载 SignalR Core

Vue unable to load SignalR Core with Typescript

web

signalr

typescript

vue.js