反応プロジェクトはieと互換性があります

構成された反応プロジェクトはクロムで正常に実行されますが、ie の下でエラーが報告されます。

@babel/polyfill を追加

npm install @babel/polyfill --save

また、以下を導入する必要がある場合があります。

npm install --save core-js@3

そして、enable ファイル app.js の先頭に導入します。

import @babel/polyfill

私のプロジェクトは上記の方法では機能しません。次の方法を使用しました。

VUE プロジェクトがエラー SCRIPT1002 を報告する: IE11 の白い画面での構文エラー

1. react-app-polyfill と core-js をインストールする

npm install react-app-polyfill core-js

2. プロジェクトの src/index.js ファイルの一番上に導入する

import 'core-js/es'  
import 'react-app-polyfill/ie9'  
import 'react-app-polyfill/stable'

3. package.json を変更する

    "browserslist": {
    
    
        "production": [
            ">0.2%",
            "not dead",
            "not op_mini all",
            "ie > 9"
        ],
        "development": [
            "last 1 chrome version",
            "last 1 firefox version",
            "last 1 safari version",
            "ie > 9"
        ]
    },
    "devDependencies": {
    
    }

失敗した場合は、node_modules を削除して再度ダウンロードしてください。

ダウンロードが失敗した場合は、別の記事を読むことができます:
https://blog.csdn.net/qq_42571665/article/details/121745609。

反応プロジェクトは ie と互換性があり、エラーを報告します。マップは未定義です

公式の反応ドキュメントによると、core-js を使用して index.js に polyfill を導入します。

import 'react-app-polyfill/ie9'
import 'core-js/es6/map'
import 'core-js/es6/set'

この互換性の問題は、index.html ファイルの先頭に es6-sham と es6-shim を導入して、すべてのコードが実行される前にポリフィル スクリプトが実行されるようにすることで解決されます。

...
        <title>React App</title>
        <script src="./es6-sham.js"></script>
        <script src="./es6-shim.js"></script>
    </head>
...