网站应用了 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。
- 装置 patch-package:
yarn add patch-package --dev
- 保留模块:
npx patch-package @microsoft/signalr
- 在 package.json 的 scripts 增加运行命令:
"scripts": {
"postinstall": "patch-package",
"patch-package":"patch-package"
},