ホームページ  >  記事  >  ウェブフロントエンド  >  Huawei ブラウザが React を開けない場合はどうすればよいですか?

Huawei ブラウザが React を開けない場合はどうすればよいですか?

藏色散人
藏色散人オリジナル
2021-02-02 10:01:362341ブラウズ

Huawei ブラウザが React を開けない問題の解決策: 最初に babel-polyfill をインストールし、次に React がマウントされている場所に babel-polyfill を導入するか、構成アイテムを使用してオンデマンドで Polyfill をロードします。

Huawei ブラウザが React を開けない場合はどうすればよいですか?

このチュートリアルの動作環境: Windows7 システム、react17.0.1 バージョン、Dell G3 コンピューター。

Huawei ブラウザで反応ページを開けない場合はどうすればよいですか?

react を使用して書かれたページは、他のブラウザでは正常に表示されますが、Huawei Honor 携帯電話の組み込みブラウザでは空白で表示されます。

解決策は次のとおりです:

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 のバージョン 7 以降、廃止されました

構成アイテムを使用してポリフィルをオンデマンドでロードする

次の構成を .babelrc に追加します。

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

関連する推奨事項: 「

反応ビデオ チュートリアル

以上がHuawei ブラウザが React を開けない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。