Angular-cliとjQueryプラグイン

Question

私はang-cliで作成したangular2アプリケーションでいくつかのjQueryプラグインを使用しようとしています。

ドキュメントに記載されているように、私は必要なライブラリをnpmと、利用可能な場合にはタイプを使用してインストールしました。 その後、angular-cli.jsonにスタイルとスクリプトを追加しました。クロムデバッガを開くと、ライブラリが正しく読み込まれていることがわかります。

問題は、jQueryプラグインを使用しようとするたびに、「このメソッドは関数ではありません」というコンソールにjsエラーが表示されることです。

私はjQueryとfullcalendarを使って小さな例を作成しました。このGitHubリポジトリからフォークできるようになりました。

https://github.com/vmilitello/jquery-plugin

注：問題のみ（$("#myItem").fullcalendar()又は$(".foo").steps()など）を実行するためのセレクタを必要とjQueryのプラグインで存在します。 Sweetalertのようなライブラリを使用する場合、問題は表示されません。

私は何かが不足していると確信していますが、実際にはそれを理解できませんでした。

ありがとうございます。 （あなたがしなかった場合）

Answer 1

は、あなたが手動タイピングのプラグインのために記述する必要が

npm install @types/jquery --save-dev 

をインストールします。

構造を作成します。index.d.tsよりも

/custom_typings 
/fullcalendar 
    /index.d.ts 

をのようなもの：tsconfig.json

"typeRoots": [ 
    "../node_modules/@types", 
    "../custom_typings" 
] 

Answer 2

よりも

interface JQuery { 
    fullCalendar(options?: any): JQuery; 
} 

すべて正しい一つの小さなディテールのほかなしそれは動作していません。 としては最後の部分でhereを述べ、あなたはその後、$がそうでなければ、それは私のために動作しませんでした、グローバルになり、fullCalendar()機能が表示されます、あなたのコンポーネントに

declare var $:any 

を持っている必要があります。