华为浏览器打不开react的解决方法

小编给大家分享一下华为浏览器打不开react的解决方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

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

华为浏览器打不开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('app')
)

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

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

使用配置项,按需加载polyfill

在. babelrc加以下配置:

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

看完了这篇文章,相信你对“华为浏览器打不开react的解决方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!