Rumah > hujung hadapan web > tutorial js > 华为浏览器打不开react怎么办

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

藏色散人
Lepaskan: 2022-12-30 11:13:23
asal
2387 orang telah melayarinya

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

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

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

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

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

解决方法如下:

1、安装babel-polyfill

npm install --save babel-polyfill
Salin selepas log masuk

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;)
)
Salin selepas log masuk

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

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

使用配置项,按需加载polyfill

在. babelrc加以下配置:

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

相关推荐:《react视频教程

Atas ialah kandungan terperinci 华为浏览器打不开react怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan