Элементы сайта React не кликабельны, а элементы перекрываются в IE11

Question

Я видел подобные проблемы, но не нашел окончательного решения - все ссылки / кнопки в моем приложении реагирования при запуске в IE11 не щелкаются, а некоторые элементы перекрываются.Есть ли исправление для этого?

Это то, что выдает консоль ie:

Answer 1

Попробуйте добавить следующий метатег в разделе head вашего index.html:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Кроме того, проверьте свой код и выполните следующие шаги, чтобы убедиться, что он импортировал реагирующее приложение-полифилл:

1. Установите пакет, используя Yarn или npm:

   npm install react-app-polyfill
   

   или

   yarn add react-app-polyfill
   

2. Добавьте следующий код в первую строку в 'src / index.js'.

   import 'react-app-polyfill/ie11';
   import 'react-app-polyfill/stable';
   

3. Добавьте 11 в 'packge.json' следующим образом:

     "browserslist": {
       "production": [
         ">0.2%",
         "not dead",
         "not op_mini all",
         "ie 11"
       ],
       "development": [
         "last 1 chrome version",
         "last 1 firefox version",
         "last 1 safari version",
         "ie 11"
       ]
     }
   

4. Перезапустите приложение, и оно будет работать в IE11.

Наконец, если вы все еще не работаете, вы можете опубликовать код «Достаточно», чтобы воспроизвести проблему, как в Минимальном, Полном и Проверяемом примере .