node.js - React 生产版本不适用于 IE 11

Question

我的React项目使用express作为后端。当我使用 React 的“npm start”和 Express 服务器的“node server.js”在开发模式下运行项目时，我可以在 chrome 以及 IE 11 中使用它。当我使用“npm run 创建生产构建时build”并使用“node server.js”运行它，它在 Chrome 中工作，但在 IE 11 中不起作用。我在控制台中没有看到任何错误。

我在 index.js 的开头使用以下语句来使代码兼容 IE 11。

导入'core-js/es6/map';导入'core-js/es6/set';导入“raf/polyfill”；

react 版本 - 16。使用create-react-app创建的项目。

我认为它不起作用，因为 webpack.config.prod.js 没有捆绑 IE 11兼容的代码。

Answer 1

你应该使用:react-app-polyfill

该软件包包含适用于各种浏览器的polyfill。它包括 Create React App 项目使用的最低要求和常用语言功能。

用途首先，使用 Yarn 或 npm 安装软件包:

npm install react-app-polyfill

或

yarn add react-app-polyfill

对于 IE9:

// These must be the first lines in src/index.js
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';

对于 IE11:

// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';