“盖茨比开发”对 IE11 的支持答案

【问题标题】：'Gatsby develop' support for IE11“盖茨比开发”对 IE11 的支持
【发布时间】：2020-08-21 23:14:23
【问题描述】：

假设我想支持 IE11（很遗憾，我支持），我该如何让 gatsby develop 在那个糟糕的旧浏览器上工作？

现在，我收到这条消息：

webpack-hot-middleware's client requires EventSource to work.

这个polyfill looks promising，但我已经做到了。

有什么帮助吗？

附：可能值得一提的是，我使用的是 Gatsby v 2.4.7

【问题讨论】：

【解决方案1】：

看起来 Gatsby 在开发中不支持 IE，仅在生产中，所以不会添加任何 polyfill，并且在使用 gatsby develop 时 IE 会出错。

【讨论】：

【解决方案2】：

可以在我的项目中确认运行 gatsby develop 并不能使其适用于 IE11，但使用 gatsby build 可以。在运行gatsby develop 时，我在 IE11 上只能看到一个空白页。

【讨论】：

【解决方案3】：

根据 Gatsby 的文档，你需要使用 babel 7。

Babel 有助于确保您编写的 JavaScript 在不同的浏览器（包括旧版本的 Internet Explorer）上工作。

参考：

Gatsby 利用 Babel 7 为您的目标浏览器自动添加 polyfill 的能力。

较旧的浏览器支持更多的 JavaScript API。对于旧版本，Gatsby（通过 Babel）会自动添加代码在这些浏览器中运行所需的最少“polyfills”。

如果您开始使用某些目标浏览器不支持的较新的 JavaScript API，例如 [].includes，您不必担心它会破坏旧浏览器，因为 Babel 会自动添加所需的 polyfill 核心-js/modules/es7.array.includes.

参考：

【讨论】：