使用: react 16.8.6。在开发模式下工作。
1) Do: npm create-react-app my-app
2) cd my-app
3)新增:导入"react-app-polyfill/ie11";作为index.js中新的第一行
4) do: npm start
5)在Windows10上的IE11中,它会在控制台中中止,并显示以下内容:
SCRIPT1002:语法错误1.chunk.js (10735,34)
SCRIPT1002:语法错误main.chunk.js (154,1)
我尝试过其他的polyfills:
导入react-app-polyfill/IE9;
和
导入‘react-app-polyfill/稳定’;
和
导入'react-app-polyfill/ie9';导入‘react-app-polyfill/稳定’;
和
导入'react-app-polyfill/ie11';导入‘react-app-polyfill/稳定’;
语法错误的位置会发生变化,但它仍然会发生。
在所有其他浏览器中都可以正常工作。
import "react-app-polyfill/ie11";
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import "bootstrap/dist/css/bootstrap.css";
ReactDOM.render(<App />, document.getElementById("root"));中止发生在生成的代码加载之前。它在IE11中显示了旧的“死亡白屏”。
有没有人可以分享让16.8.6初学者应用程序在IE11中工作的魔力?
发布于 2019-06-04 16:10:06
您可以参考以下步骤来支持IE11:
首先,安装软件包:npm install react-app-polyfill。
其次,在src/index.js的第一行添加import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable';。
第三,像这样在package.json中添加ie 11:

最后,您可以重新启动您的应用程序,它将在IE11中工作。如果仍然不起作用,请删除该应用程序,然后按照上述步骤重新创建。
发布于 2020-12-04 23:30:37
在2020年末,react-scripts 4.0.0似乎在react-app-polyfill和IE 11上出现了问题,如https://github.com/facebook/create-react-app/issues/9906中所述。
我的变通方法,在我的index.js顶部(上面的链接中显示了多个其他的)
// https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill
import 'react-app-polyfill/ie11'
// https://github.com/facebook/create-react-app/issues/9906
// this is currently borked -> import 'react-app-polyfill/stable'
// so use core-js.. which might be the "right" way now per
// https://reactjs.org/docs/javascript-environment-requirements.html
import 'core-js/stable'发布于 2020-05-28 01:58:50
https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md
yarn add react-app-polyfill
// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
// ...https://stackoverflow.com/questions/56435589
复制相似问题