尽管有polyfills和浏览器列表，但默认的create-react-app在IE中不起作用

我正在简单地寻求让 create-react-app 在 IE 11 中工作。我正在 Mac OS X 上工作，但我无法通过 VirtualBox 或 Windows 计算机（在开发和生产模式下）让 IE 11 工作。

我对此进行了彻底的调查，并尝试了以下方法：

• 按照下面的内容调整 package.json，然后 (i) 删除 node_modules/.cache，然后当这不起作用时，(ii) 删除 node_modules

"browserslist": {
    "production": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 11"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      "ie 11"
    ]
  }

• 将这两行添加到我的 index.js 文件的顶部：

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

• 安装 @babel/polyfill 并将此行插入到 index.js 的顶部

import "@babel/polyfill";

所有这些都是通过 create-react-app 创建的默认应用程序进行的。运气不好，我在 IE 中看到的只是一个完全空白的屏幕，标题为“React App”。 F12 Developer 工具给出以下错误：

对此的任何帮助都非常感谢！

也许问题与react-scripts版本有关，您使用的是react-scripts 3.3.0及更高版本。您可以检查 package.json 文件来验证它。

GitHub 上有一些帖子报告了这个错误，你可以参考一下，例如：github.com/facebook/create-react-app/issues/8197, github.com/facebook/create-react-app/issues/8195.

作为解决方法，您可以尝试降级反应脚本版本。据我所知，它仍然可以与[email protected].