React+Antd兼容ie浏览器，360安全浏览器兼容模式

Twelve--

于 2021-07-16 10:44:38 发布

阅读量2.5k

点赞数

分类专栏： Vue/React 日常开发问题工具配置及安装记录文章标签： react

本文链接：https://blog.youkuaiyun.com/weixin_43883485/article/details/118787122

版权

日常开发问题同时被 3 个专栏收录

43 篇文章

订阅专栏

Vue/React

25 篇文章

订阅专栏

工具配置及安装记录

18 篇文章

订阅专栏

本文介绍了如何使Create React App创建的项目在IE9上运行，包括安装react-app-polyfill和core-js，修改package.json的browserslist配置，以及在index.html中添加X-UA-Compatible元标签。对于非Create React App项目，同样步骤适用于解决IE9兼容性问题，但不需要配置react-app-polyfill。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 create-react-app 生成的项目

安装react-app-polyfill和core-js

npm install react-app-polyfill core-js

在入口文件 index.js 中引入

import 'core-js/es'  
import 'react-app-polyfill/ie9'  
import 'react-app-polyfill/stable'

修改 package.json 文件

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

如果没有效果删除 node_modules 文件夹重新下载

如果还不行，可能是没有设置ie文档模式的原因，在 index.html 中添加

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

不是使用 create-react-app 创建的项目
无需配置 react-app-polyfill 和 package.json 其他的同上

亲测有效！！！