最近上线的远程工作者社区电鸭社区，是使用 nextjs 开发的，有的用户反馈在 safari 10 下面打开会报 500, 但其它浏览器却没有这个问题，有小伙伴给我报告了错误的控制台信息。
TypeError: Attempted to assign to readonly property.
然而，没有更细致的错误堆栈，实在是不好定位，千辛万苦安装了 iOS 10.3.1 的 Simulator 后，终于复现了这个问题。
在 Safari 老版本上面元素的 style 属性是只读项，这导致页面加载失败。
换成 document.body.removeAttribute(’style’) 后问题解决。
不幸的是，又立即遇到了新的问题，发送请求用的 axios 库返回的 promise 调用 finally 时报错了，老版本的 safari 也不支持这种用法。
很容易就在 axios 的 Issues 中找到了两种打适配补丁的解法
1. 使用 CDN
<script src="https://polyfill.io/v3/polyfill.min.js?features=Promise.prototype.finally" defer></script>
2. 使用 Package Manager
yarn add promise.prototype.finally
const promiseFinally = require('promise.prototype.finally');
promiseFinally.shim();
我使用的是 CDN 的方式。
参考资料