web-dev-qa-db-ja.com

ReactアプリがInternet Explorer 11で機能しない

私の反応アプリはInternet Explorer 11では動作しません。Edgeとchromeでは正常に動作しています。

私はすでに多くのファイルを作成しており、npx create-react-appを試すことができないと思います。（同様の質問に対する他の回答で指摘されているように）

これを両方のindex.jsファイルに含めましたが、機能しません。

import 'react-app-polyfill/ie11';

これは私が得ているエラーです：

This is the error that I am getting:

リンクを確認したところ、ブラケットエラーの解決を求められましたが、コードを表示しても問題はありません。

これは私のpackage.jsonファイルです：

{
      "name": "insurance_automation",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "axios": "^0.18.0",
        "babel-polyfill": "^6.26.0",
        "bcryptjs": "^2.4.3",
        "body-parser": "^1.19.0",
        "config": "^3.1.0",
        "cors": "^2.8.5",
        "express": "^4.17.1",
        "jsonwebtoken": "^8.5.1",
        "multer": "^1.4.1",
        "mysql2": "^1.6.5",
        "node": "^11.15.0",
        "nodemailer": "^6.2.1",
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-router-dom": "^5.0.0",
        "react-scripts": "3.0.1",
        "sequelize": "^5.8.6",
        "universal-cookie": "^4.0.0"
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject",
        "server": "nodemon server",
        "dev": "concurrently \"npm run server\" \"npm start\" "
      },
      "eslintConfig": {
        "extends": "react-app"
      },
      "browserslist": {
        "production": [
          ">0.2%",
          "not dead",
          "not op_mini all"
        ],
        "development": [
          "last 1 chrome version",
          "last 1 firefox version",
          "last 1 safari version"
        ]
      },
      "devDependencies": {
        "concurrently": "^4.1.0",
        "nodemon": "^1.19.1"
      }
    }
node.jsreactjsinternet-explorer
11
Abdul Ahad

これでうまくいきました。

Package.jsonの開発配列を更新する

    "development": [
      "ie 11",
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }

Srcフォルダーのindex.jsに以下のコードを追加します

// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

次に、node_modulesフォルダーを削除して実行します

npm install

IEは、デフォルトでは多くのES6 +機能をサポートしていません。詳しくは this を参照してください。

19
NigelDcruz