Реактивная сборка не работает с IE 11

Question

Мой реактивный проект использует экспресс как бэкэнд.Когда я запускаю проект в режиме разработки, используя «npm start» для React и «node server.js» для экспресс-сервера, я могу использовать его как в Chrome, так и в IE 11. Когда я создаю производственную сборку с помощью «npm run»собрать и запустить его с помощью "node server.js", он работает в Chrome, но в IE 11 он не работает.Я не вижу никаких ошибок в консоли.

Я использую приведенные ниже операторы в начале index.js, чтобы сделать код IE 11 совместимым.

import 'core-js / es6 / map';импорт 'core-js / es6 / set';import 'raf / polyfill';

React версия - 16. Проект создан с использованием create-реагировать-app.

Я думаю, что это не работает, потому что webpack.config.prod.js не входит в пакетIE 11 совместимый код.

Answer 1

вы должны использовать: response-app-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';

Answer 2

Из официальной документации:

React поддерживает все популярные браузеры, включая Internet Explorer 9 и выше, хотя для старых браузеров, таких как IE 9 и IE 10, требуются некоторые полифилы.

Установите эти два пакета.

  npm install babel-polyfill
  npm install react-app-polyfill

Это должна быть первая строка в src / index.js

import "react-app-polyfill/ie9"
import "react-app-polyfill/ie11"
import "react-app-polyfill/stable"
import 'raf/polyfill';

YouВы также можете настроить манифест для работы с различными браузерами, используя следующий документ: https://github.com/browserslist/browserslist

пример:

"browserslist": [
    ">0.2%",
    "not dead",
    "ie >= 9" ]