Reactjs &引用;react app polyfill“应用程序;不';我不在IE11工作
我的React应用程序无法在IE 11上运行。Reactjs &引用;react app polyfill“应用程序;不';我不在IE11工作,reactjs,internet-explorer-11,polyfills,Reactjs,Internet Explorer 11,Polyfills,我的React应用程序无法在IE 11上运行。 我的客户希望应用程序至少能在ie11上运行。 所以,我必须解决这个错误 我尝试了“react app polyfill”的官方文档。但它仍然不起作用。 请帮帮我 src/index.jsx 导入'react app polyfill/ie11'; 导入“react app polyfill/stable”; 从“React”导入React; 从“react dom”导入react dom; 导入“./index.css”; 从“./App”导入应用
我的客户希望应用程序至少能在ie11上运行。
所以,我必须解决这个错误 我尝试了“react app polyfill”的官方文档。但它仍然不起作用。
请帮帮我 src/index.jsx
导入'react app polyfill/ie11';
导入“react app polyfill/stable”;
从“React”导入React;
从“react dom”导入react dom;
导入“./index.css”;
从“./App”导入应用程序;
将*作为serviceWorker从“/serviceWorker”导入;
从'react redux'导入{Provider};
从“./store”导入存储;
ReactDOM.render(
,
document.getElementById('root'))
);
serviceWorker.unregister();
package.json
"dependencies": {
...
"@types/jest": "^24.0.25",
"@types/node": "^12.12.24",
"@types/react": "^16.9.17",
"@types/react-dom": "^16.9.4",
"@types/react-redux": "^7.1.5",
"@types/react-router-dom": "^5.1.3",
"axios": "^0.19.0",
"install": "^0.13.0",
"node-sass": "^4.13.0",
"npm": "^6.13.4",
"react": "^16.12.0",
"react-app-polyfill": "^1.0.5",
"react-dom": "^16.12.0",
"react-hotkeys": "^2.0.0",
"react-redux": "^7.1.3",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "3.3.0",
"redux": "^4.0.5",
"redux-devtools-extension": "^2.13.8",
"redux-thunk": "^2.3.0",
"typescript": "^3.7.4"
},
...
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"ie 11",
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
.
.
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"not dead" // new line
]
},
.
.
问题可能与
react scripts版本有关,您使用的是react scripts 3.3.0及更高版本。您可以检查package.json文件来验证它
GitHub中有一些线程报告此错误,您可以参考它们,例如:
作为一种解决方法,您可以尝试降级react脚本版本。据我所知,它仍然可以与react一起工作-scripts@3.2.0
在index.js
中添加react-app-polyfill
后,它将适用于PROD-env,但您需要更新DEV-env的浏览器列表内包.json
index.js
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';
import React from 'react';
import ReactDOM from 'react-dom';
.
.
package.json
"dependencies": {
...
"@types/jest": "^24.0.25",
"@types/node": "^12.12.24",
"@types/react": "^16.9.17",
"@types/react-dom": "^16.9.4",
"@types/react-redux": "^7.1.5",
"@types/react-router-dom": "^5.1.3",
"axios": "^0.19.0",
"install": "^0.13.0",
"node-sass": "^4.13.0",
"npm": "^6.13.4",
"react": "^16.12.0",
"react-app-polyfill": "^1.0.5",
"react-dom": "^16.12.0",
"react-hotkeys": "^2.0.0",
"react-redux": "^7.1.3",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "3.3.0",
"redux": "^4.0.5",
"redux-devtools-extension": "^2.13.8",
"redux-thunk": "^2.3.0",
"typescript": "^3.7.4"
},
...
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"ie 11",
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
.
.
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"not dead" // new line
]
},
.
.
在这里,他使用了3.4.3,这也适用于我