美文网首页
React IE浏览器兼容性问题

React IE浏览器兼容性问题

作者: IamaStupid | 来源:发表于2020-06-23 11:30 被阅读0次

情形:配置好的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,很粗暴,但是很实用。

相关文章

网友评论

      本文标题:React IE浏览器兼容性问题

      本文链接:https://www.haomeiwen.com/subject/ydycfktx.html