使用 Internet Explorer 运行 React JS 应用程序

Question

我是 React 的初学者，尝试使用 Internet Explorer 运行一些应用程序，但遇到以下错误。我知道 package.json 有一个开发部分，它描述了有关浏览器兼容性的一些内容。谁能帮我理解为什么运行 React 应用程序会受到限制，尤其是使用 Internet Explorer 时。

如何让APP在任何浏览器上运行？下面的开发部分有什么意义

"development": [
      "ie 11",
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]

上面是package.json中默认包含的部分（我已经手动放置了ie 11）。

Answer 1

根据注册护士documentation：

默认情况下，生成的项目支持所有现代浏览器。对 Internet Explorer 9、10 和 11 的支持需要 polyfill。

请注意，这不会自动为您包含 polyfill。您仍然需要根据您支持的浏览器根据需要填充语言功能。

所以要支持IE Browser，您需要根据您想要的IE 的版本添加一些polyfill。首先，你需要安装react-app-polyfill:

npm install react-app-polyfill
// or
yarn add react-app-polyfill

现在，将 polyfill 导入 src/index.js 的第一行

Internet Explorer 9

import 'react-app-polyfill/ie9';

Internet Explorer 11

import 'react-app-polyfill/ie11';

更多关于react-app-polyfilldocumentation。