如果polyfill脚本下载失败，会发生什么？
如果polyfill脚本下载失败，会发生什么？
提问于 2018-06-09 06:34:46
我有一个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。
我的问题是:我应该如何处理这个案例？这是我有时应该预料到的情况吗？用户是否应该注意到应用程序不能正常工作，并重新加载页面？
回答 2
Stack Overflow用户
发布于 2018-06-09 06:47:03
如果你真的很担心，你可以附加一个错误事件，以便进行更多的控制。不过，您通常不需要显式地处理这一点。
在这种特殊情况下，您可以迁移到使用babel来构建脚本中包含的polyfills包。不过，这会向您的流程添加额外的构建步骤。
Stack Overflow用户
发布于 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!');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50769201
复制相关文章
相似问题