作者:fjy69 | 来源:互联网 | 2022-01-07 15:26
华为浏览器打不开react的解决办法:首先安装babel-polyfill;然后在挂载react的地方引入babel-polyfill或者使用配置项,按需加载polyfill即可。
华为浏览器打不开react的解决办法:首先安装babel-polyfill;然后在挂载react的地方引入babel-polyfill或者使用配置项,按需加载polyfill即可。
本教程操作环境: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(
,
document.getElementById('app')
)
如果上述方法 不行,是不是babel太高了?
在babel 7版本以后,已经被废弃
使用配置项,按需加载polyfill
在. babelrc加以下配置:
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry",
"corejs": 3
}
]
]
}