解决SignalR Abortcontroller is Undefined问题

网站使用了 SignalR，遇到用户使用 Vivo 手机自带的浏览器点击无反应的情况，用数据线连接到电脑，在 Chrome 调试后发现报错：AbortController is Undefined。

是因为旧的浏览器支持 Fetch，但是 AbortController 又不支持，所以才导致这个报错。改下判断即可，只要不支持其中之一，就不要用 FetchHttpClient 的方式。

如何解决？

在node_modules/@microsoft/signalr/dist/esm/DefaultHttpClient.js把

if (typeof fetch !== "undefined" || Platform.isNode) {

修改成：

if ((typeof fetch !== "undefined" && typeof AbortController !== "undefined") || Platform.isNode) {

因为是直接修改 node_modules，官方库没有做修复，所以需要自己 patch。

1. 安装 patch-package:

yarn add patch-package --dev

2. 保存模块：

npx patch-package @microsoft/signalr

3.在 package.json 的 scripts 添加运行命令：

"scripts": {
    "postinstall": "patch-package",
    "patch-package":"patch-package"
},

以上关于解决SignalR Abortcontroller is Undefined问题的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。