Tengo algunos componentes de plantilla desarrollados, pero después de la producción, construyo el dist js incluido en HTML sin formato y uso el componente como
<my-comp></my-comp>no funciona allí, obtener un error ya que llamar a eliminar en 'incluido' no está permitido en modo estricto.
a continuación está mi configuración de plantilla
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()] }a continuación se muestra el paquete 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" } }Uno de los cambios más importantes en Stencil 2.0 fue que la compatibilidad con Internet Explorer 11 está deshabilitada de forma predeterminada, ahora es opcional. Debe habilitarlo manualmente.