如何让create-react-app创建的React app支持IE11
How to make React app created by create-react-app support IE11
我有一个由最新版本的 create-react-app 创建的简单 React 应用程序(仅支持节点版本 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
有人可以帮忙吗?
我可以重现这个问题。您可以为 endsWith()
添加一个 polyfill 以便它可以在 IE 11 中正常工作。
您可以在 index.html.
的 <script>
标记中包含 polyfill
我有一个由最新版本的 create-react-app 创建的简单 React 应用程序(仅支持节点版本 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
有人可以帮忙吗?
我可以重现这个问题。您可以为 endsWith()
添加一个 polyfill 以便它可以在 IE 11 中正常工作。
您可以在 index.html.
的<script>
标记中包含 polyfill