"ReferenceError：$は定義されていません"を解決する方法は？

Question

私はangular2でjqueryを使用しようとしており、このエラーが発生しました：ReferenceError：$は次のコードから定義されていません。

declare var $：JQueryStatic;

export class AppComponent {  

ngOnInit() {  

    var container = $("#contact-us-form");  

    container.css("width", $(document).width()).css("height", $(document).height()).hide();  

    container.find(".modal-content .button-close").click(function(){ this.toggleModalWindow("contact-us-form"); });  

    $("#contact-link").click(function(){ this.toggleModalWindow("contact-us-form"); });  

    }  
}  

どうすれば解決できますか？

Answer 1

NPM

Answer 2

を使用してjqueryのをインストールアンギュラcli.json

"../node_modules/jquery/dist/jquery.js" 

が

import * as $ from "jquery"; 

typescriptファイルをお持ちの追加は、次の手順を実行します。

1. npm i jquery --save
トリックと各ファイルに declare var jQuery: any;または declare var $: any;を置く必要はありませんを行う必要がありますapp.module.ts

で

npm i @types/jquery -D

import * as $ from 'jquery' --->。