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

Question

我们有一个角度 7 应用程序。在这方面，我们使用引导模式。所以在组件中，我们使用 $(#modalId(.modal('show'( 调用模态。此 jQuery 打开引导弹出窗口。当我们使用 ng test 运行 Karma 测试用例时，组件创建失败并出现以下错误

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

请帮助我们解决这个问题

Answer 1

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

1. 在构建的脚本数组中导入jquery库，在angular.json中进行测试

2. 添加了 typings.d.ts 文件，声明 var $： any;

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

   "类型根"：[ "node_modules/@types"， "../src/typings.d.ts" ],

4. 现在在 component.ts 中，使用以下注释 $('#modalId'(.modal('show'(;