乐趣区

关于javascript:SignalR-Abortcontroller-is-Undefined的解决方案

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

是因为旧的浏览器反对 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"
},
退出移动版