Browserslist isn't respected in build - app is not IE compatible
See original GitHub issueIs this a bug report?
Yes
Did you try recovering your dependencies?
Yes
Environment
System: OS: macOS 10.14.4 CPU: x64 Intel® Core™ i7-6920HQ CPU @ 2.90GHz Binaries: Node: 10.1.0 - /usr/local/bin/node Yarn: 1.6.0 - /usr/local/bin/yarn npm: 6.9.0 - /usr/local/bin/npm Using npm for this project! Browsers: Chrome: 74.0.3729.131 Safari: 12.1 npmPackages: react: ^16.8.3 => 16.8.6 react-dom: ^16.8.3 => 16.8.6 react-scripts: 3.0.0 => 3.0.0 npmGlobalPackages: create-react-app: Not Found
Steps to Reproduce
- yarn build
Expected Behavior
All js files should be compatible with IE11.
Actual Behavior
Template literals aren’t transformed.
browserslist
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all",
"ie 10"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11"
]
}
index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
According to the changelog for 3.0, it should fix everything for the defined browsers - in this case IE11.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:3
- Comments:7 (1 by maintainers)
Top Results From Across the Web
How do I support Internet Explorer in an Angular 8 application?
Modify the browserslist file. At the end of the file look for this line: not IE 9-11 # For IE 9-11 support, remove...
Read more >Internet Explorer retires on June 15 - what can developers do?
According to Microsoft itself, IE is not a browser but a compatibility solution for legacy apps. New browser features are not supported by ......
Read more >Building for Production - Vite
When it is time to deploy your app for production, simply run the vite build command. By default, it uses <root>/index.html as the...
Read more >Configuring Browser Support - Nx
To see what browsers your configuration is supporting, run npx browserslist in the application's directory to get an output of browsers and versions...
Read more >Browserslist | Best of JS
If you are making general web app you should respect browsers diversity. ... If the above methods did not produce a valid result...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Same here, just a simple hello-world with create-react-app is breaking in IE11.
I also have this issue.
How did you post this 3 hours from now? Are you a time-travelling robot?