Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

AEM SPA - IE 11

Avatar

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

Avatar

Correct answer by
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

Avatar

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.

Avatar

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

Avatar

Level 4

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

Avatar

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?

Avatar

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.

Avatar

Correct answer by
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​!