All Questions
Tagged with internet-explorer-11 reactjs
172
questions
0
votes
0
answers
88
views
AutoScroll on Button Click (Outlook Web Add-in 2013 & 2016 & 2019 volume licensed)
In our Microsoft certified Outlook Web Add-in, when clicking on a button in our react add-in, the add-in "jumps" to the top of the page. That is pretty much the summary of the issue. I ...
0
votes
0
answers
67
views
Recharts Newest Version crashing in IE11
Testing my website after updating to the newest version is failing. I have added in the resize-observer-polyfill.
Now IE 11 gives me this error: Object doesn't support property or method '...
1
vote
0
answers
250
views
Stop React 18 from injecting bundle.js
I'm trying to add a redirect on my site for anyone using IE 11. I'm using ES6 and some packages that just don't play well with IE.
I think it's related to some package updates, but previous code I had ...
2
votes
1
answer
2k
views
React app created with VITE does not work in IE 11
I have a React app created with Vite which I'm trying to enable support in IE 11.
I have tried the @vitejs/plugin-react and added it in the vite.config.ejs file. It looks like this:
import { ...
-1
votes
2
answers
339
views
React App not loading in IE11 in windows server
I am a novice in React and developed a utility application and it's working fine in local machine.
I tried to deploy build folder in IIS on Windows server but when I am trying to access it in IE, I am ...
0
votes
1
answer
268
views
React Create Application production build and CSS variables in IE11
I would like to know how to get rid of CSS variables in a production build. The fact is that I need to build a project for IE11 in which CSS variables are not supported. My project was created using ...
1
vote
0
answers
273
views
React Application showing blank in prod version only in IE11
I went through Why IE 11 display blank page rendering react app - I am stumped - it works in localhost:3000 in IE11 - shows test.
But when I generate the js file as :
node ./node_modules/webpack/bin/...
-1
votes
1
answer
385
views
IE11 polyfills don't work for React app. Why?
In IE11 I get these errors:
But i have react-app-polyfill installed and imported in index.js first line:
0
votes
1
answer
416
views
webpack bundle throws error on IE11 because of just one node package 'crypto-js'
I am new to webpack and babel. I am developing a react app with custom webpack and babel set up.
I had added react-app-polyfill to this application and it had worked well on IE11.
But after installing ...
0
votes
0
answers
362
views
React TypeError: Can't redefine non-configurable property 'error' in Internet Explorer 11
I'm having an issue in Internet Explorer while applying polyfills in react app which was created using CRA. After request to an api endpoint, a javascript error TypeError: Can't redefine non-...
0
votes
0
answers
67
views
What is the reason behind IE11 long running script issues?
I wanted to understand why does the IE11 respond with a long running script issue and becomes unresponsive till some time.
Surprisingly, this happens randomly
eg. Let's say on page load I call an API ...
0
votes
0
answers
290
views
SharePoint Online webpart
I have a webpart created for SPO and is working on Chrome, Edge but on IE no. I tried all the steps from google, but without success. I also added import '@pnp/polyfill-ie11' and the error is the same:...
1
vote
1
answer
390
views
My react app not running in IE11 after migrated Webpack from v4 to v5
I changed the configuration of my app following the webpack documentation: https://webpack.js.org/migrate/5/.
After this, the app runs successfully on chrome and edge, but not working in IE11.
I have ...
0
votes
0
answers
299
views
Reactjs-how to handle ie 11 error using useForm
When I'm start my app in IE11 I get blank page with two errors
SCRIPT438: Object doesn't support property or method 'contains'
SCRIPT438: Object doesn't support property or method 'repeat'
Can't ...
0
votes
1
answer
75
views
How to handle IE11 compatibility on each dependent packages?
I’m building an app which uses React(v.17.0), Next.js(v11.1.2), … and other stacks.
Next.js probably, in default, supports IE11.
After I added some packages to my project, it fails on IE11. It says, ...
1
vote
1
answer
1k
views
React + Webpack 5 + Babel 7 IE11 issue -- not attaching to root
Issue:
No matter what I do, I can't get anything inside my root div. There are no console errors at all in IE11. The app works fine on chrome, ff, & safari.
Dependencies / Versions
"react&...
2
votes
0
answers
493
views
React compatibility with IE11 - Const must be initialized - Lazy - Suspense
I've got a React project that needs to be compatible with Internet Explorer 11 and after applying some compatibility polyfills we still get the error.
SCRIPT1053: Const must be initialized
.
It ...
0
votes
1
answer
633
views
SCRIPT1006: Expected '() React app with webpack and Babel
I am setting up a React app with babel and webpack. The app works fine on chrome and other browsers except internet exlorer11.
Here is my package.json
{
"name": "xai",
&...
3
votes
1
answer
4k
views
nextjs ie11 Expected identifier
I've been developing on Chrome, hoping that Babel simply fits my code into i.e.
One error occured SCRIPT1010: Expected identifier
internet explore point the error here (this file is in static/chunk).
...
0
votes
0
answers
966
views
Material-UI IE11 Multiple Accordions - last chosen accordion won't close if I select a new one
I have implemented several expandable menus using MUI Accordion's. Their expansion is controlled through the "expanded" property. MUI release is 4.10.2.
In recent browsers each Accordion ...
0
votes
1
answer
514
views
window.addEventListener("mousedown", function()) doesn't work on IE11
componentDidMount(){
window.addEventListener("mousedown", this.pageClick)
}
pageClick = (e) => {
console.log(e.toElement)
}
here e.toElement is returned null on IE11 and the same is ...
0
votes
1
answer
269
views
TinyMCE paste plugin on IE 11 on paste, pasting %%MCEPASTEBIN%% instead of the actual text and getting stack overflown
I am using tinyMCE v5.5.1 with paste plugin v5.6.2. On pasting anything in the tinyMCE editor in IE11, it gets stack overflown and pastes %%MCEPASTEBIN%% until the browser stops responding. It works ...
0
votes
1
answer
1k
views
SCRIPT1010: Expected identifier Error when running React app in IE11
I'm working on React app with webpack and babel. When running it on IE11 "SCRIPT1010: Expected identifier" error messages appear. I've solved most of these errors (e.g I've added @babel/...
0
votes
0
answers
32
views
ReactJS+ IE+ Function expected
Reactjs application is not working on IE11
Please find my package.json and index.js file below,
index.js file :
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/ie11';
import 'react-app-...
0
votes
1
answer
294
views
IE11: How to polyfill `Array.values().next()` in Internet explorer, in React?
I'm having trouble with iterators in my React project running in IE11.
Here's the minimum amount of code to reproduce the issue;
// index.js
...
import React from 'react'
import ReactDOM from 'react-...
-2
votes
1
answer
42
views
React tates not updating in IE
Basically, whats happening is that everything works fine in chrome, and IE works locally with npm start, however, when i build, none of my states are updated when doing tasks such as clicking buttons, ...
0
votes
0
answers
2k
views
React JS not working in IE 11 but in chrome, giving syntax error
I have the webpack+babel setup for React JS project. It works well in Chrome browser but gives 'Syntax error' in IE. I believe this is due to babel polyfills, so I have followed numerous solutions(...
0
votes
1
answer
105
views
React. IE11 requests being blocked
Im testing my react app in IE11 but all the requests I make to my server are blocked.
SCRIPT7002: XMLHTTPRequest: Network error 0x2efd, Couldnt complete the operation due a 00002efd error.
This ...
0
votes
0
answers
238
views
React App can't load after refresh on ie11
I work on a quite big ReactJS project. It loads properly in IE11, but breaks on refresh. White blank page is all I got. Refreshing worked fine when I've opened dev tools. I've read something about ...
1
vote
1
answer
2k
views
SCRIPT1002: Syntax error in Next JS website in IE11 (getSession)
I am new to NextJS but have managed to make a website that works fine in all browsers except IE11. The issues in the console read....
SCRIPT1002: Syntax error
_app.js (20481,19)
Which is this ...
2
votes
1
answer
2k
views
IE11 Blank Page with React, Typescript, Babel, and Webpack
I have a React application written in Typescript with Babel and Webpack. It loads fine in Firefox and Chrome, but loads a blank page in Internet Explorer 11. I am new to this project with relatively ...
1
vote
0
answers
196
views
React Material Table IE 11 issue
I am using the React Material table(Editable) in IE11. Once I click on Delete/Edit and then click on the cancel button only the row is highlighted other rows are disabled. But in chrome, all the rows ...
1
vote
2
answers
597
views
Unable to get property 'bind' of undefined. Babel 7 + core-js + IE11
The Problem
I've been working on a live chat client built in react/typescript for a month or two, it's working great, but we need to add support for Internet explorer 11.
Initially during development ...
1
vote
0
answers
478
views
When I compile a react app to single js file using rollup, it just shows blank page in IE11
I am trying to compile a react project into a single file so that it can be included inside a quite old jsp application. I am using rollup for that.
It just shows a blank page in IE11, without any ...
1
vote
0
answers
917
views
SCRIPT445: Object doesn't support this action create-react-app
I have hit a wall with this issue. Help in any way is greatly appreciated.
I have a react-app (created using create-react-app CLI) which works perfectly on all browsers except IE. I have two tabs; one ...
0
votes
1
answer
277
views
Is there a way to improve MutationObserver performance in IE 11?
we're having issues rendering some graphs in a complex screen with a lot http calls.
In chrome and some new browsers works nicely, but in IE11 is blocking all the UI.
I'm not sure how to resolve this, ...
0
votes
2
answers
426
views
IE11 React.memo + react-redux connect issue
I am trying to memoize redux-connected component using React.memo.
My code works normally in major browsers but IE throws error:
You must pass a component to the function returned by connect. Instead ...
0
votes
1
answer
2k
views
react-multi-select-component is not working as expected in IE 11
Below is the sample code, This sample working fine in all other browsers, except IE11. This dropdown closes immediately once after it clicked. The dropdown list does not show up.
import React, { ...
0
votes
1
answer
2k
views
React app not working in IE11 (have tried polyfills)
Our react app, built with create react app, isn't working in IE11 (development and production). Up till now we have used core.js to polyfill our code, but suddenly IE11 has stopped working. Initially ...
1
vote
0
answers
63
views
Bug: "Unspecified error" some of the time in IE11 in iframe
Steps To Reproduce
Open http://cygnetuat.sterlingdatarooms.com/PDFTronClientTest/ in IE11
Wait for the application to load in the iframe
The current behavior
Sometimes an "Unspecified error"...
3
votes
2
answers
2k
views
SCRIPT5017 error on Internet Explorer 11, using webpack 4, babel 7 and react
So I am working on a website that is using react. I have been testing it in different browsers, and right now the only browser not working is the terrible Internet Explorer. When the page loads on ...
3
votes
2
answers
8k
views
IE11 Error: TypeError: non-array objects must have a [Symbol.iterator]() method
My application working fine on Firefox and Google Chrome, but unfortunately not on IE 11 or Edge.
I have installed "react-app-polyfill": "^1.0.6", added all the polyfills needed as ...
0
votes
0
answers
128
views
Unhandled promise rejection Error: a is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`
I get this errormessage in IE11 in a reactjs app. It seems that there is a problem with placing something into an a-Tag, what is quite normal and should work.
Changing the a-tag to a div-tag lets the ...
2
votes
1
answer
1k
views
Using react polyfills but getting error Object doesn't support property or method 'repeat' in IE11
I am using the react polyfills and the site works in IE11 except when using
changeHeight() {
let height = 0;
for (let child of this.Element.current.children) {
height = Math.max(...
0
votes
0
answers
102
views
reactjs setState in IE11 takes forever/blocks the UI
I have this logic that I have to support in IE11 (rip) and I fetch a ton of HTML from the server
Using React 16.5
All is good and dandy until I parse this into a list, then set the parsed list as an ...
0
votes
3
answers
3k
views
styled-components - IE11 support - Invalid characters
I'm using styled-components in my React app. I'm using it this way:
import React, { Component } from "react";
import styled from 'styled-components';
const CheckboxContainer = styled.div`
...
0
votes
2
answers
2k
views
Target browser option in useBuiltIns/babel polyfill
I want to use 'useBuiltIns' option to load polyfills only for IE11 browser.
[
'@babel/preset-env',
{
useBuiltIns: 'entry',
debug: true,
modules: false,
corejs: '...
0
votes
0
answers
77
views
CSS not applied while adding returned CSS from a function to a styled-component for IE11?
I have written a function which returns CSS generated over iteration on an object and I want to use the returned CSS in a styled-component
const getCss = (object, theme) => {
let template = ``;
...
0
votes
1
answer
196
views
Error loading React on specific builds of IE
Some users have encountered errors loading my app on IE that seem to be webpack/polyfill issues
(Ex: SCRIPT1010 Expected identifier on a random line in chunk.js)
I can't replicate the issue and it ...
0
votes
1
answer
134
views
Reading file used XLSX.js with React got TypeMissMatchError on Internet Explorer 11
I got the dialog error TypeMissMatchError on Internet Exlorer 11 after choosing file to read.
Below is my code to read file:
onChangeFile = event => {
event.stopPropagation();
event....