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"
},

相關標籤/搜索