React IE浏览器兼容性问题
2020-06-23 本文已影响0人
IamaStupid
情形:配置好的react项目,在chrome中运行OK,但是在ie下却报错。
当前代码:
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^5.2.0",
"superagent": "^5.2.2"
// .babelrc
{
"presets": [
"@babel/env", "@babel/react"
]
}
// package.json
...
"browserslist": [
"defaults"
]
...
//[
// "> 2%",
// "last 2 versions",
// "ie 10"
//]
以上配置不需要修改,直接加一个@babel/polyfill,
npm install @babel/polyfill --save
可能还需要引入:
npm install --save core-js@3
并且,在启用文件app.js最顶部引入:
import @babel/polyfill
完成以上两步,代码在ie不再报错了。
polyfill介绍:https://www.jianshu.com/p/a1687553ee2b
直接引入整个polyfill,很粗暴,但是很实用。