SignalR Abortcontroller is Undefined的解决方案

时间 2021-08-12

标签 node json segmentfault 浏览器 post fetch 网站 url 调试 code 栏目 JavaScript 繁體版

原文原文链接

网站使用了 SignalR，遇到用户使用 Vivo 手机自带的浏览器点击无反应的状况，用数据线链接到电脑，在 Chrome 调试后发现报错：AbortController is Undefined。Google 找了一圈，发现了这篇文章 SignalR AbortController is Undefined on Older Browsers，基本上解释了缘由和给出了解决方案。node

是由于旧的浏览器支持 Fetch，可是 AbortController 又不支持，因此才致使这个报错。改下判断便可，只要不支持其中之一，就不要用 FetchHttpClient 的方式。json

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

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

修改为：浏览器

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

由于是直接修改 node_modules，官方库没有作修复，因此须要本身 patch。post

安装 patch-package: yarn add patch-package --dev
保存模块：npx patch-package @microsoft/signalr
在 package.json 的 scripts 添加运行命令：

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