在IE11中，React网站项目不可单击，并且元素重叠

Question

我已经看到过类似的问题，但没有找到确定的解决方法-当在IE11上运行时，我的react应用程序上的所有链接/按钮都无法单击，并且有些项目重叠。有解决办法吗？

ie控制台将输出以下内容：

Answer 1

尝试在index.html的头部添加以下元标记：

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

此外，请检查您的代码并参考以下步骤，以确保其已导入react-app-polyfill：

1. 使用Yarn或npm安装软件包：

   npm install react-app-polyfill
   

   或

   yarn add react-app-polyfill
   

2. 在“ src / index.js”的第一行中添加导入“ react-app-polyfill / ie11”。

3. 在“ packge.json”中添加ie 11，例如：

     "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中运行。

最后，如果仍然无法运行，是否可以像Minimal, Complete, and Verifiable example那样发布足够的代码来重现该问题。