angular cliとjQueryプラグイン

プラグインjquery tooltipsterとAngular CLI 1.5.5を使用しようとしていますが、いくつかの問題があります。基本的に、私のコードは以下の通りです：angular cliとjQueryプラグイン

import * as $ from 'jquery'; 
import 'jquery-tooltipster/js/jquery.tooltipster.min'; 

... 

$(this.itemRef.nativeElement).tooltipster({ 
    position: "bottom" 
});

次に、コンソールで、私はそれが「jqueryの-tooltipster」ためだということを理解

jquery.tooltipster.min.js:1 Uncaught ReferenceError: jQuery is not defined

を得る拡張する「jQueryのを」しようとしている（グローバル私はそれを見つけることができませんが、それを達成する方法はわかりません。 ng ejectを使用してwebpack.configファイルを取得し、ProvidePluginを使用することはできますが、代わりにangular-cli.jsonの設定を取り除いて使用したいと思います。

jQueryプラグインをng-cliで動作させる方法はありますか、または設定を取り出す必要がありますか？

出典

2017-12-12 ssougnez

を入力し、[角度CLI 1.0.0-rc.0で適切にjQueryを含める方法？]（HTTPS ：//stackoverflow.com/questions/42510334/how-to-include-jquery-properly-in-angular-cli-1-0-0-rc- 0） – Harry

いくつかの方法があります。あなただけ.angular-CLIであなたのindex.htmlまたはスクリプトのセクションでjQueryとプラグインのjsファイルが含まれており、あなたが

declare var $ : any;

そうでない場合はjQueryを使用し、あなたのコード内でその行を持つことができ、あなたはjQueryのを輸入しようとすることができます可能性のある重複

npm install @types/jquery --save-dev

（あなたががあなたのプラグインの署名を追加するためにjQueryのインターフェイスを拡張する必要がある場合があります）

出典

2017-12-12 13:43:37 David

ああ！私が見逃していた部分は、 "angular-cli.json"の "script"部分にjsスクリプトを含めることでした。そこで「jQuery」と「jQuery-tooltipster」を追加して、「declare var $：any;」をjQueryを使用しているところに置いてください。ありがとう;-) – ssougnez

angular cliとjQueryプラグイン

答えて

関連する問題