Блог

CRA отлично работает в любом другом браузере, но отображает пустой экран в IE. Я попытался установить react-app-polyfill 2.0 и 1.0.6, поместив import «react-app-polyfill / ie11» import «react-app-polyfill / stable» в верхней части src/index.js досье. А также добавление «ie 11» в список браузеров для разработчиков и prod env. Я также удалил файл .cache в node_modules, и все равно появляется та же ошибка. Вот мой код:

зависимости файлов package.json

список просмотра файлов paackage.json

Импорт Polyfill

Вот сообщения об ошибках, которые я получаю:

Целая ошибка

‘WebSocket’ не определен указывает на это

Ошибка ‘Promise’ не определена указывает на это

Как мы видим, вы уже добавили react-app-polyfill и добавили "ie 11" в список браузера.

Я предлагаю вам сохранить эти настройки и обратиться к шагам ниже.

Если это недавно созданное приложение, которое не работает с IE 11, я предлагаю вам установить core-JS с помощью команды npm install core-js и добавить import 'core-js/stable' в первую строку index.js файла.

Начало index.js файла должно выглядеть так, как показано ниже.

 import 'core-js/stable';
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import React from 'react';
import ReactDOM from 'react-dom';
 

После этого удалите .cache папку node_modules и снова попробуйте запустить проект. Это может помочь вам запустить его в IE 11.

Если ваше приложение React работало с IE 11, и у вас возникла эта проблема после добавления некоторого кода, я предлагаю вам попытаться предоставить подробную информацию об этом. Это может помочь нам правильно понять проблему.

Спасибо за понимание.