javascript - react 应用程序 : issues running on internet explorer 11

Question

我有一个 React 应用程序。在 Windows 10 上，它在 Chrome 和 Internet Explorer 11 上运行良好。但在 Windows 7 上，它仅在 Chrome 上运行，而不在 Internet Explorer 11 上运行。

我收到以下错误:

SCRIPT438: Object doesn't support property or method 'assign'

根据我的研究，这看起来像是与 IE 11 的兼容性问题(尽管不确定为什么它可以在 Windows 10 上运行)。

据我所知，需要使用一些关于 polyfill/transfill(?)/babel 的东西。但这是我最大的问题:

我有一个包含所有站点代码的 bundle.js 文件。这是我自己的代码和 NPM Node 模块的混合体。如果问题出在我的代码上，那么我可以添加一个导入行并更改我的代码。但错误来自 npm Node 模块。我无法编辑这些文件。如何在不触及这些文件的情况下解决此 Object.assign 问题？

我不太熟悉浏览器兼容性，所以我很困惑

有什么建议吗？

Answer 1

最好的长期/对社区友好的解决方案可能是确定导致问题的模块并向模块的维护者提交问题。但是，如果您需要立即修复或者如果您无法找出导致问题的模块，您可以尝试在加载有问题的模块之前包含一个 Object.assign polyfill。

polyfill 是一段代码，用于为尚不支持给定功能的浏览器手动定义功能(如 Object.assign)。在这种情况下，您可以包含类似 this module 的内容，或者通过在其他模块之前将其导入到您的包中，或者通过下载并提供该 polyfill 文件并使用 <script> 加载它。在加载 bundle.js 文件之前在 HTML 文档中添加标记。这样，Object.assign 将在您的浏览器遇到调用 Object.assign 的模块代码之前由 polyfill 定义。