Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

not working in microsoft edge and Inernet explorer #8123

Closed
hrc7505 opened this issue Dec 9, 2019 · 3 comments
Closed

not working in microsoft edge and Inernet explorer #8123

hrc7505 opened this issue Dec 9, 2019 · 3 comments

Comments

@hrc7505
Copy link

hrc7505 commented Dec 9, 2019

Describe the bug

I have installed react project using npx create-react-app my-app and it is running fine in chrome and firefox but showing blank screen in Microsoft Edge. It is just showing syntax error in browser console.

Did you try recovering your dependencies?

Yes.
npm version: 6.13.2
yarn version: 1.19.2
I installed two separate projects and used npm in first one and yarn in other one.

Environment

Environment Info:

System:
OS: Windows 10 10.0.17763
CPU: (4) x64 Intel(R) Core(TM) i5-4460 CPU @ 3.20GHz
Binaries:
Node: 13.1.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.19.2 - C:\Users\Hardik\AppData\Roaming\npm\yarn.CMD
npm: 6.13.2 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: 44.17763.831.0
Internet Explorer: 11.0.17763.771
npmPackages:
react: ^16.12.0 => 16.12.0
react-dom: ^16.12.0 => 16.12.0
react-scripts: ^3.3.0 => 3.3.0
npmGlobalPackages:
create-react-app: Not Found

Steps to reproduce

  1. Do npx create-react-app my-app
  2. yarn start or npm start
  3. Run http://localhost:3000/ in Microsoft edge ot Internet explorer

Expected behavior

(Write what you thought would happen.)
App should be run in all major browsers.

Actual behavior

App not running in edge and internet explorer. Giving syntax error in console.

image

image

@petetnt
Copy link
Contributor

petetnt commented Dec 9, 2019

Hi @hrc7505!

See https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill for polyfilling IE11/Edge support. You'll need to install the polyfill and import the relevant files.

@petetnt petetnt closed this as completed Dec 9, 2019
@hrc7505
Copy link
Author

hrc7505 commented Dec 9, 2019

I installed polyfill and imported the files,
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
But still it is giving same error.

I also tried solutions given in #7084, but still it is not working.

@hrc7505
Copy link
Author

hrc7505 commented Dec 9, 2019

I tried #8116 and it just worked. This will fix my issue!

@lock lock bot locked and limited conversation to collaborators Dec 15, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants