0
327
VistasAngular 12 carga scripts externos como módulo de tipo
¿Es posible configurar Angular para cargar scripts externos definidos en angular.json en architect/build/options/scripts como type="module" ?
Cuando ejecuto Angular, puedo ver las etiquetas de script inyectadas automáticamente como esta:
<script src="runtime.js" type="module"></script> <script src="polyfills.js" type="module"></script> <script src="styles.js" type="module"></script> <script src="scripts.js" defer></script> <script src="vendor.js" type="module"></script> <script src="main.js" type="module"></script> El scripts.js tiene un atributo diferido, pero no type="module" . Estoy tratando de cargar un componente web Stencil JS instalado a través de npm en mi aplicación. La secuencia de comandos del componente Stencil debe cargarse como módulo; de lo contrario, las otras importaciones no funcionarán.
1 Respuestas
Responde la pregunta0
También puedo confirmar que actualmente no es posible agregar un atributo de type al campo de scripts . Los valores posibles son: objeto con atributos inject|lazy|bundleName|input o directamente una cadena .
Para usar un WebComponent en Angular, terminé agregando una declaración de importación en el archivo polyfills.ts
import 'node_modules/my-web-components/dist/example.js'; Pude ver el contenido importado correctamente y mi componente web estaba activo en mi archivo html de componente angular. 