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

Question

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

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

根据以下内容调整 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 开发人员工具给出以下错误：

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

Answer 1

可能是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.

作为解决方法，您可以尝试降级 react-scripts 版本。据我所知，它仍然可以与 react-scripts@3.2.0.

一起使用

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

Default create-react-app does not work in IE despite polyfills and browser list

internet-explorer

reactjs