首頁 > web前端 > js教程 > 華為瀏覽器打不開react怎麼辦

華為瀏覽器打不開react怎麼辦

藏色散人
發布: 2022-12-30 11:13:23
原創
2387 人瀏覽過

華為瀏覽器打不開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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板