首页  >  文章  >  web前端  >  华为浏览器打不开react怎么办

华为浏览器打不开react怎么办

藏色散人
藏色散人原创
2021-02-02 10:01:362354浏览

华为浏览器打不开react的解决办法:首先安装babel-polyfill;然后在挂载react的地方引入babel-polyfill或者使用配置项,按需加载polyfill即可。

华为浏览器打不开react怎么办

本教程操作环境:windows7系统、react17.0.1版本、Dell G3电脑。

华为浏览器打不开react页面怎么办?

使用react写的页面,在其他浏览器都能正常显示,唯独在华为 荣耀手机的自带浏览器中显示空白。

解决方法如下:

1、安装babel-polyfill

npm install --save babel-polyfill

2、在挂载react的地方,在引入react之前,引入babel-polyfill

import 'babel-polyfill';
import React from 'react'
import ReactDOM from 'react-dom'
ReactDOM.render(
  <App/>,
  document.getElementById(&#39;app&#39;)
)

如果上述方法 不行,是不是babel太高了?

在babel 7版本以后,已经被废弃

使用配置项,按需加载polyfill

在. babelrc加以下配置:

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "useBuiltIns": "entry",
                 "corejs": 3
            }
        ]
    ]
}

相关推荐:《react视频教程

以上是华为浏览器打不开react怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn