问题
With the release of Create React App 3.0 and the addition of browserlist, adding support for IE 11 is trivial, but the steps can be hard to find if you don't know where to look. The documentation lists "Supported Browsers" and shows the default browserslist configuration ( https://facebook.github.io/create-react-app/docs/supported-browsers-features ) but that isn't all you need to know.
Checking browserl.ist with the production settings you'll see IE 11 has greater usage than Edge still ( https://browserl.ist/?q=%3E0.2%25%2C+not+dead%2C+not+op_mini+all ) With a default CRA 3 app you'll get Syntax Error in main.chunk.js and other errors in your app with IE 11.
回答1:
To stop the errors and get a default create-react-app React application working in IE 11:
- Create your basic application with
npx create-react-app [AppName] - Add
import 'react-app-polyfill/ie11';to the VERY top of index.js - If you need common standard functions like Array.find() that are not supported in IE 11 add
import 'react-app-polyfill/stable';just below the first line in index.js - In package.json copy the production browserlist to development so you can test in IE11 and all other browsers that will work in production
- Delete the node_modules/.cache directory
回答2:
IE 11 is a nightmare. There are some things that will probably solve the problem:
- With
react-app-polifillyou may update the main things which is a great point to start. The documentation is very straight forward to implement: https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill. - You are probably also using arrow functions so you'll also need babel to update that for you. The
babel-plugin-transform-arrow-functionsis your best solution for this. It is very nicely explained in the documentation: https://babeljs.io/docs/en/babel-plugin-transform-arrow-functions. - Check that the app is giving supprot to most of the brosers in
browserslist.
来源：https://stackoverflow.com/questions/55967048/how-do-i-support-ie-11-with-create-react-app-3-0