使用jquery调用引导模式的业力单元测试用例

Question

我们有一个Angular 7应用程序。因此，我们使用引导模态。因此，在组件中，我们使用$（＃modalId）.modal（'show'）调用模态。此jQuery打开bootstrap弹出窗口。当我们使用ng test运行Karma测试用例时，组件创建失败，并显示以下错误

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

请帮助我们解决此问题

Answer 1

我已按照以下步骤解决了该错误。

1. 将jquery库导入builds中的脚本数组，在angular.json中进行测试
2. 添加了带有声明var $：any;的types.d.ts文件。

3. 在tsconfig.json文件中添加以下一个

   “ typeRoots”：[“ node_modules / @ types”，“ ../src/typings.d.ts”]，

4. 现在位于component.ts中，使用以下注释$（'＃modalId'）。modal（'show'）;