Tenemos una aplicación angular 7. En eso usamos bootstrap modal. Entonces, en el componente estamos llamando modal usando $ (# modalId) .modal ('show'). Este jQuery abre una ventana emergente de arranque. Cuando ejecutamos casos de prueba de Karma usando ng test, la creación del componente falla con el siguiente error

Typeerror: jQuery.__webpack_imported_module_3_jquery___ default(...)(...).modal is not a function

Ayúdanos a resolver este problema

-1
user2900572 4 oct. 2019 a las 20:51

1 respuesta

La mejor respuesta

He resuelto este error siguiendo los pasos a continuación.

  1. Importe la biblioteca jquery en la matriz de scripts en compilación, pruebe en angular.json

  2. Se agregó el archivo typings.d.ts con declare var $: any;

  3. En el archivo tsconfig.json, agregue el siguiente

    "typeRoots": [ "node_modules / @ types", "../src/typings.d.ts" ],

  4. Ahora en component.ts, use el siguiente comentario $ ('# modalId'). Modal ('show');

0
Community 20 jun. 2020 a las 09:12