question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Browserslist isn't respected in build - app is not IE compatible

See original GitHub issue

Is 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

  1. 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:closed
  • Created 4 years ago
  • Reactions:3
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
malkyfaithcommented, May 17, 2019

Same here, just a simple hello-world with create-react-app is breaking in IE11.

1reaction
andrewleithcommented, May 8, 2019

I also have this issue.

How did you post this 3 hours from now? Are you a time-travelling robot? image

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found