Как я поддерживаю IE 11 с Create React App 3.0?

Question

С выпуском Create React App 3.0 и добавлением списка браузеров добавление поддержки IE 11 становится тривиальным, но шаги могут быть трудными, если вы не знаете, где искать.В документации перечислены «Поддерживаемые браузеры» и показана конфигурация списка браузеров по умолчанию (https://facebook.github.io/create-react-app/docs/supported-browsers-features), но это еще не все, что вам нужно знать.

Проверка browserl.ist с производственными настройками, которые вы увидитеIE 11 имеет большее использование, чем Edge still (https://browserl.ist/?q=%3E0.2%25%2C+not+dead%2C+not+op_mini+all) С приложением CRA 3 по умолчанию вы получите синтаксическую ошибку в main.chunk.js и другие ошибки в своем приложении с IE 11.

Answer 1

Чтобы устранить ошибки и получить приложение React по умолчанию create-реагировать-приложение, работающее в IE 11:

1. Создайте базовое приложение с помощью npx create-react-app [AppName]
2. Добавить import 'react-app-polyfill/ie11';в ОЧЕНЬ верхнюю часть index.js
3. Если вам нужны общие стандартные функции, такие как Array.find (), которые не поддерживаются в IE 11, добавьте import 'react-app-polyfill/stable'; чуть ниже первой строки в index.js
4. В package.json скопируйте рабочий список обозревателей в разработку, чтобы можно было проверить в IE11
5. Удалить каталог node_modules / .cache