Docusaurus 因 IE 失败：对象不支持属性或方法“分配”答案

【问题标题】：Docusaurus fails with IE: Object doesn't support property or method 'assign'Docusaurus 因 IE 失败：对象不支持属性或方法“分配”
【发布时间】：2019-09-14 16:11:38
【问题描述】：

我们正在制作 V2 Docusaurus 网站：https://www.10studio.tech。

我们刚刚意识到它在 IE 中不能很好地工作，例如 IE11。错误信息是：Object doesn't support property or method 'assign'。

有一些包可以提供 IE 兼容性，例如 core-js，但我们不知道如何正确地将其添加到 Docusaurus v2。

有人知道怎么修改吗？

【问题讨论】：

你是如何捆绑这个应用程序的？你使用create-react-app 还是使用自定义Webpack config/etc..？
Docusaurus 使用Webpack，可能与这个：github.com/facebook/docusaurus/blob/master/packages/docusaurus/…
你大概是什么意思？了解如何捆绑此应用程序非常重要。无论如何，你需要 polyfill 来完成这项工作。示例见以下链接：stackoverflow.com/a/56439822/10431732

标签： reactjs internet-explorer cross-browser docusaurus core-js

【解决方案1】：

错误消息告诉您该对象没有assign function。 assign 是一个 function 显然在你所说的浏览器中不支持，所以你需要 polyfill 它。一个很好的例子是：

if (!Object.assign) {
  Object.defineProperty(Object, 'assign', {
    enumerable: false,
    configurable: true,
    writable: true,
    value: function(target) {
      'use strict';
      if (target === undefined || target === null) {
        throw new TypeError('Cannot convert first argument to object');
      }

      var to = Object(target);
      for (var i = 1; i < arguments.length; i++) {
        var nextSource = arguments[i];
        if (nextSource === undefined || nextSource === null) {
          continue;
        }
        nextSource = Object(nextSource);

        var keysArray = Object.keys(Object(nextSource));
        for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
          var nextKey = keysArray[nextIndex];
          var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
          if (desc !== undefined && desc.enumerable) {
            to[nextKey] = nextSource[nextKey];
          }
        }
      }
      return to;
    }
  });
}

可以在这里找到：https://gist.github.com/spiralx/68cf40d7010d829340cb

但是，即使这可以解决您抱怨的问题，也很可能还会出现其他问题。您可能还需要 polyfill 一些其他内容，您可能需要查看 BabelJS 以实现此目的。

【讨论】：