Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

AEM SPA - IE 11

smaylle
Level 1
Level 1

Hi guys,

I have tried to use the SPA editor on IE 11 but no luck.

I tried my project (Angular) and Adobe samples (React and Angular) and got same error:

ERROR Error: Uncaught (in promise): ReferenceError: 'fetch' is undefined

ReferenceError: 'fetch' is undefined

No support for ie 11? Is there any link where I can get information about the supported browsers?

Thanks in advance.

1 Accepted Solution
eshoemak
Correct answer by
Level 2
Level 2

This worked for me!  The essentials in my implementation were:

  • custom-event-polyfill
  • react-app-polyfill/ie11
  • react-app-polyfill/stable

I was able to install each module via NPM and import them atop my index.js file of the react app, and IE 11 now has all of the polyfills needed to successfully run my react app.  Thanks for the share, michaelr87730166​!

View solution in original post

6 Replies
aemmarc
Employee
Employee

React itself does not support Internet Explorer 11 natively.

Supported Browsers and Features · Create React App


// This must be the first line in src/index.js

import 'react-app-polyfill/ie11';

This isn't an AEM thing.

vsingh1802
Level 1
Level 1

I am facing similar issue. I tried multiple polyfill (react-app-polyfill, core-js, babel-polyfill) but the issue is still there.

The sample wknd react app that AEM provides for SPA doesn't work with IE 11. 

Initially I was getting 'unable to get property bind of undefined or null reference'. After adding the polyfills I am getting below error in IE 11:

Unhandled promise rejection Error: Access is denied

number: -2147024891

joeb21688728
Level 4
Level 4

WHy, use that browser. I would advise clients to use Chrome or Firefox. Seems to be a lot of problems using IE.

eshoemak
Level 2
Level 2

I'm facing a very similar issue:

`unhandled promise rejection TypeError: Object doesn't support this action `

I have followed the polyfill instructions, but can't seem to figure this one out... any suggestions, anyone?

michaelr8773016
Level 1
Level 1
import 'custom-event-polyfill';

import 'core-js/es6';

import 'regenerator-runtime/runtime';

import 'react-app-polyfill/ie9';

import 'react-app-polyfill/ie11';

import 'react-app-polyfill/stable';

These libs need to be included in the import located in index.js of the project. You will also need to include the dependencies of the project definition.

eshoemak
Correct answer by
Level 2
Level 2

This worked for me!  The essentials in my implementation were:

  • custom-event-polyfill
  • react-app-polyfill/ie11
  • react-app-polyfill/stable

I was able to install each module via NPM and import them atop my index.js file of the react app, and IE 11 now has all of the polyfills needed to successfully run my react app.  Thanks for the share, michaelr87730166​!

View solution in original post