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,很粗暴,但是很实用。

上一篇下一篇

猜你喜欢

热点阅读