欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-07 07:52:52
...

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

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

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

使用配置项,按需加载polyfill

在. babelrc加以下配置:

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

相关推荐:《react视频教程

以上就是华为浏览器打不开react怎么办的详细内容,更多请关注其它相关文章!

相关标签: react