Issues with loading Angular 9 application on Internet Explorer 11

Having trouble with my app not loading in IE 11 after adding ngx-treeview.

Encountering the error (SCRIPT1002: Syntax error),

Script Error

Error point in vendor.js

Unsure how to resolve this issue. Works fine in chrome and firefox, but in IE11 all I see is Loading... . Couldn't find browser compatibility on the library github page. Should I abandon using this library or is there a solution?

The package.json file contains:

  "scripts": {
    "ng": "ng",
    "start": "ng serve --extract-css",
    ...
    },
  "dependencies": {
    "@angular-slider/ngx-slider": "^2.0.3",
    ...
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.13",
    ...
    "typescript": "~3.8.3"
  },
  "optionalDependencies": {}
}
and tsconfig.json: { "compileOnSave": false, "compilerOptions": { "downlevelIteration": true, "importHelpers": true, ... "baseUrl": "./" } }
javascriptangulartypescripttreeviewtreeviewitem

Answer №1

  • Update the browserslist file by changing not IE 9-11 to IE 9-11
  • Amend the tsconfig.json file by updating 
    "target": "es2015"
    to 
    "target": "es5"

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

how to set a boolean value to true in a vue @click event?

@click.native="scrollTo(index,true)" My expectation: Always pass Boolean:true into the scrollTo function. Vue's reaction: Vue interprets true as a variable name, resulting in Number:index and undefined instead. Solution: ...

javascriptvue.js

What is the most effective way to communicate to my client that attempting to conceal the browser toolbar is an ill-advised decision?

One of my clients has a friend who claims to be conducting 'security testing' and insists that the PHP Zend Framework application I developed for them should implement certain browser-side features: hide the location bar, toolbar, bookmarks, me ...

phpjavascriptsecuritybrowser

How can I display the most recent offcanvas opening at the top of the page?

The issue I'm facing is related to the offcanvas3 opening behind offcanvas2. It appears like this: $("#open-offcanvas2").on("click", function(){ $("#offcanvas2").offcanvas("show") }) $("#open-offcanvas1").on("click", function(){ $("#offcanvas1" ...

javascriptjquerybootstrap-5off-canvas-menu

Asynchronous waterfall call in Node.js to call the method before

Is it possible to invoke a previous method within async.waterfall from a subsequent method? async.waterfall([ function (callback) { }, function (reservationStatus, callback) { }, function (reservationStatusList, f ...

javascriptnode.jsasynchronous

ReactJS is in need of extracting certain values from a promise

Within my Firebase database, I have organized data into two Documents: "users" and "posts". Each post in the "posts" collection is linked to a specific user using their unique id from the "users" collection. My goal is to retrieve user data associated wi ...

javascriptreactjsfirebasegoogle-cloud-firestore

Capable of generating an ajax URL parameter conditionally for utilization with jQuery Validate

I am having an issue with my jQuery validation script. What I am trying to achieve is this: when a user clicks the send button, the script will determine whether to execute an if or else statement based on the last portion of a string (isAdd). Subsequently ...

javascriptjqueryajaxjquery-validate

What strategies can I use to preserve type narrowing when utilizing the Array.find method?

Within the code snippet below, I am encountering a typescript compilation error specifically in the Array.find method. Despite checking that `context.params.id` is not `undefined`, my type seems to lose its narrowing. I'm puzzled as to why this type ...

typescript

Update the inputs following the filtering or searching of issues in VueJS

As a newcomer to VueJS, I find myself struggling with a particular function and lack the experience to fully grasp it. To address my confusion, I have formulated a question (which may be similar to others). For instance, I utilized the computed propert ...

javascriptvue.jsvuejs2

When using requirejs and vue.js together, the error message "Vue is not defined" may be encountered

My code snippet looks like this: <script type="text/javascript" src="../../node_modules/requirejs/require.js"></script> <script type="text/javascript" src="../../node_modules/vue/dist/vue.js"></script> <script>console.log(Vue ...

javascriptvue.jsrequirejs

What is the best way to attach several URLs to a single component?

I am currently using Next.js Here is the structure I have: https://i.stack.imgur.com/jRQBS.png I am in need of opening the same component for multiple URLs, such as 'http://localhost:3000/hakkimizda', 'http://localhost:3000/cerez-politika ...

javascriptreactjsreact-routernext.js

Make simultaneous edits to multiple cells in IGX GRID for Angular

Is it feasible to edit multiple cells in the same column simultaneously within igx grid Angular? I would like for the changes made within each cell to be displayed at the same time. Editing many cells all at once is a valuable feature! ...

angularangularjsignite-uiignite-ui-angular

What is the process for converting a CSV file to JSON format using node.js?

I am working on converting a CSV file from Clash Royale into an array. The CSV file has over 40 properties in its header or data. For example: name level count upgrade cost common 14 5, 20, 50, 100 rare 12 50, 150, 400, 1000 Below is my node.j ...

javascriptnode.jsjsoncsvdata-conversion

Exploring Angular Performance: Template Functions vs. Properties. Which Method Reigns Supreme in Speed?

When dealing with multiple input controls that need to display a message when touched and invalid, I created a function for re-use in my form. The form contains numerous controls, so re-usability is important. isInvalid = (control: AbstractControl): boole ...

angularangular-forms

An error occurred while parsing JSON: `Unexpected ending near "ma-sauce-launcher":"*`

After executing the command ">ng new angular-app" on Windows, I came across the following error: npm ERR! Unexpected end of JSON input while parsing near '...ma-sauce-launcher":"*' Package installation failed, please refer to the above error ...

angularnpm

Is there a way to simulate the BeforeInstallPromptEvent for testing in Jasmine/Angular?

I'm currently working on testing a dialog component that manages the PWA install event triggered manually when a specific function is invoked. The goal is to handle the promise returned by the BeforeInstallPromptEvent.userChoice property. However, wh ...

angulartestingpromisejasminebeforeinstallprompt

Getting Your Redux Form Ready for Submission

I recently transformed my Redux form into a wizard with multiple subcomponents following the structure outlined here: However, I'm encountering difficulties when trying to integrate the form with my actions to submit the form data. Unlike the example ...

javascriptreactjsreact-reduxredux-form

The selector isn't pulling up the item, even though it's clearly stored in the redux state

For some reason, my second selector is not working. I have double-checked and everything seems to be the same as for another object. When I look at the redux tool, all my objects exist. // problematic selector this.myActivityLike$ = this.store$.pipe( se ...

angularngrx

neither displayed on the webpage nor logged in the console

As a beginner in ReactJS, I am facing an issue where my Product component is not showing up when I check in the browser. Surprisingly, there are no errors in the console. Both my index.html and app.js files are located at the same level. To run the app, I ...

javascriptreactjs

Animate the CSS when the content is within the viewport using pagepiling.js integration

I'm currently working on animating content as it enters the viewport. However, I've encountered an issue where jQuery (used to check if the content is in the viewport) isn't functioning properly alongside pagepiling.js (). I suspect this mig ...

javascripthtmlcssanimate.csspagepiling.js

Having issues with email verification and the length of phone numbers not functioning properly

I need to validate two text fields before registration: the email must be in correct format and the number must have exactly 11 digits. Any mismatches should trigger an error message. For the email validation, I used a function that checks for the require ...

javascripthtml