美文网首页
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