如何让 create-react-app 创建的 React 应用支持 IE11答案

【问题标题】：How to make React app created by create-react-app support IE11如何让 create-react-app 创建的 React 应用支持 IE11
【发布时间】：2022-08-09 22:03:50
【问题描述】：

我有一个由最新版本的 create-react-app（仅支持节点版本 14+）创建的简单反应应用程序。我试图让这个应用程序在 IE11 中运行。所以按照建议，我做了以下工作：

已安装 react-app-polyfill
在 index.js 开头添加了两个导入：import \"react-app-polyfill/ie11\", import \"react-app-polyfill/stable\"
在package.json的开发下添加了\"ie 11\"

我安装了一个 chrome 扩展程序 IE Tab，并在那里进行了测试。但仍然无法正常工作，当我打开 chrome devtool 时看到以下错误： IE：错误：对象不支持属性或方法 \'endsWith\'。来源：http://localhost:3000/static/js/bundle.js:63700

任何人都可以帮忙吗？

标签： internet-explorer-11 create-react-app

【解决方案1】：

我可以重现这个问题。您可以为endsWith() 添加polyfill，以便它可以在IE 11 中正常工作。

您可以在 <script> 标记中包含 polyfill索引.html.

【讨论】：

它有效，非常感谢。我还需要使应用程序与 IE10 一起工作，我收到以下错误，IE: Error: 'Map' is undefined。你也能帮忙吗？谢谢。
IE 10 太旧了。如果this 可以工作，你可以试试。

【解决方案2】：

在谷歌的第 3 页上找到了这个解决方案。它会帮助你：

您必须做的第一件事 - 在您的应用顶部包含来自 react-app-polyfill 的 polyfill
然后在 package.json 中设置浏览器列表（添加 ie11、ie10 等）
最后 - 在您的 public/index.html 中添加元标记

【讨论】：