私はここで同様の質問をたくさん見てきましたが、すべての方法を試しましたが、なぜ何も表示しないのかわかりません。
npm install react-app-polyfill
Package.jsonの本番および開発配列に「ie 11」を追加しました
この2行を追加しますimport "react-app-polyfill/ie11";
import "react-app-polyfill/stable";
の先頭へindex.js
node_modules内の.cacheフォルダーを削除する
アプリを再起動
しかし、IE 11にはまだ何も表示されていません。
これが私のpackage.jsonです
{
"name": "firealarm",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.3",
"@testing-library/user-event": "^7.1.2",
"antd": "^3.26.2",
"axios": "^0.19.0",
"core-js": "^3.6.1",
"cors": "^2.8.5",
"jspdf": "^1.5.3",
"jspdf-autotable": "^3.2.11",
"react": "^16.12.0",
"react-app-polyfill": "^1.0.5",
"react-dom": "^16.12.0",
"react-router-dom": "^5.1.2",
"react-scripts": "3.3.0"
},
"scripts": {
"start": "set PORT=3006 && react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
"ie 11",
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"ie 11",
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
Node_modulesフォルダーを削除してnpm
を再度インストールしましたが、まだ機能しません。
更新
IE 11。
SCRIPT5022: SyntaxError
File: 0.chunk.js, Line: 176128, Column: 38
そして
SCRIPT5022: The error you provided does not contain a stack trace.
File: 0.chunk.js, Line: 205780, Column: 64
。
Edgeブラウザでテストしたところ、npm start
は前述のエラーと同じですが、IE11でアプリを実行したいだけだと言っています。私はnpm run build
を実行し、serve
パッケージを介してそれを提供しました(npm i -g serve
の後)。これは正常に動作します。 ieで開発するまで、つまりローカルでieでアプリを実行できる場合を除いて、それは私が推測するのに役立ちます。