Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

181
Views
Web component developed using stencil not working in IE11

I have some stencil components developed, but after production build the dist js included in plain HTML and using the component as

<my-comp></my-comp>

is not working there, getting error as calling delete on 'included' is not allowed in strict mode.

enter image description here

below is my stencil config

import { Config } from '@stencil/core'
import { sass } from '@stencil/sass'
export const config: Config = {
  namespace: 'mep-components',
  srcDir: 'src',
  buildEs5: true,
  extras: {
    cssVarsShim: true,
    dynamicImportShim: true,
    shadowDomShim: true,
    safari10: true,
    scriptDataOpts: true,
    appendChildSlotFix: false,
    cloneNodeFix: false,
    slotChildNodesFix: true,
  },
  outputTargets: [
    {
      type: 'dist'
    },
    {
      type: 'www'
    }
  ],
  devServer: {
    reloadStrategy: 'pageReload',
    port: 4444
  },
  plugins: [sass()]
}

below is the package JSON package.json

{
  "name": "web-components",
  "module": "./dist/index.js",
  "collection": "./dist/collection/collection-manifest.json",
  "types": "./dist/types/components.d.ts",
  "version": "1.0.0",
  "description": "",
  "main": "./dist/index.cjs.js",
  "scripts": {
    "start": "stencil build --dev --watch --serve",
    "build": "stencil build --prod && node ./src/tasks/after.build.js",
    "server": "json-server --watch db.json",
    "task": "node ./src/tasks/someTask.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@stencil/core": "^2.6.0",
    "moment-timezone": "^0.5.33",
    "stencil-click-outside": "^1.7.1",
    "uuid": "^8.3.2"
  },
  "devDependencies": {
    "@stencil/sass": "^1.4.1",
    "@types/jquery": "^3.5.6",
    "chalk": "^4.1.2",
    "workbox-build": "^4.3.1"
  }
}
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

One of the breaking changes in Stencil 2.0 was that support for Internet Explorer 11 is disabled by default, it's now opt-in. You need to manually enable it.

https://github.com/ionic-team/stencil/blob/main/BREAKING_CHANGES.md#opt-in-for-ie11-edge-16-18-and-safari-10-builds

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!