react项目兼容ie

配置好的react项目，在chrome中运行OK，但是在ie下却报错。

加一个@babel/polyfill

npm install @babel/polyfill --save

可能还需要引入：

npm install --save core-js@3

并且，在启用文件app.js最顶部引入：

import @babel/polyfill

我的项目用以上方法不管用。用了下一个方法。

VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决

1. 安装react-app-polyfill和core-js

npm install react-app-polyfill core-js

2. 在项目src/index.js文件的最顶部引入

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

3. 修改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"
        ]
    },
    "devDependencies": {
    
    }

如果失效，删除一下node_modules，重新下载。

下载失败可以看另一个文章：
https://blog.csdn.net/qq_42571665/article/details/121745609.

react项目兼容ie报错，map未定义

根据 react 官方文档，在index.js使用 core-js 引入 polyfill：

import 'react-app-polyfill/ie9'
import 'core-js/es6/map'
import 'core-js/es6/set'

通过在 index.html 文件的头部引入 es6-sham 和 es6-shim，保证执行所有代码前执行 polyfill 脚本，解决了该兼容性问题

...
        <title>React App</title>
        <script src="./es6-sham.js"></script>
        <script src="./es6-shim.js"></script>
    </head>
...