我有一个SPA (基于webpack,带有巴别塔等),它在index.html中包含了一个polyfill:
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise,Array.prototype.includes,Element.prototype.remove"></script>
polyfill的一个用例是为了在IE 10-11上使用Promise API。
我的错误监控在IE 11客户端上报告以下错误:
ReferenceError: 'Promise' is undefined
因此,我假设由于某种原因,特定的会话无法下载polyfill。
我的问题是:我应该如何处理这个案例?这是我有时应该预料到的情况吗?用户是否应该注意到应用程序不能正常工作,并重新加载页面?
发布于 2018-06-09 06:47:03
如果你真的很担心,你可以附加一个错误事件,以便进行更多的控制。不过,您通常不需要显式地处理这一点。
在这种特殊情况下,您可以迁移到使用babel来构建脚本中包含的polyfills包。不过,这会向您的流程添加额外的构建步骤。
发布于 2018-06-09 06:48:35
既然您提到您使用的是webpack,那么最好是通过一个导入语句(类似于core.js)直接在项目中包含必要的多边形填充,而不是使用cdn - polyfill.io。
但是,您也可以向script元素添加一个ID,并监听onload和onerror事件,以确定脚本是否成功加载(取消),如下所示:
<script id="polyfillScript" src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise,Array.prototype.includes,Element.prototype.remove"></script>
在您的项目index.js中:
document.getElementById('polyfillScript').addEventListener('error', () => {
alert('Failed to load polyfill!');
});
https://stackoverflow.com/questions/50769201
复制相似问题