如何在angular5中使用boostrap的js，typescript编译报错，如何解决？

Question

使用$('#id').modal('open')时报错如下：

ERROR in src/app/components/navbar/navbar.component.ts(77,5): error TS2304: Cannot find name '$'.

加入引用

import * as $ from 'jquery';

使用$('#id').modal('open')还是报错：

ERROR in src/app/components/navbar/navbar.component.ts(77,21): error TS2339: Property 'modal' does not exist on type 'JQuery<HTMLElement>'.

请问怎么解决？

Answer 1

试试npm install --save @types/jquery看看，应该是jquery的类型描述文件没有装

Answer 2

将import * as $ from 'jquery';换成declare var $:any;应该可以了