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

華為瀏覽器打不開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(
  <App/>,
  document.getElementById(&#39;app&#39;)
)

如果上述方法不行，是不是babel太高了？

在babel 7版本以後，已經被廢棄

使用設定項，按需載入polyfill

在. babelrc加以下設定：

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

相關推薦：《react影片教學》

以上是華為瀏覽器打不開react怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！