Angular 5 + Popper.JS

Question

私はPopper.Jsの機能を必要とするトレーニングプロジェクトを開始しようとしています。しかし、Popper.Jsを使い始めることはできません。

ブートストラップのドキュメントによると、私はngOnInitの主要コンポーネントでそれを使用

$(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 

でPopper.Jsを開始します。ただし、動作しません。エラーが発生しました。 "プロパティ 'tooltip'がタイプ 'JQuery'"に存在しません。 jqueryとbootstrapバンドルファイルをインポートしました。すべてのライブラリのタイプがインストールされています。

また、bootstrap.bundle.jsの代わりに純粋な "popper.js"を試しました。しかし、同じエラーが発生します。 Bootstrap.bundle.js（ブートストラップとpopper.jsが正しい順序で含まれています）とjqueryはangular-cli.jsonにインポートされます。

Answer 1

ブートストラップjqueryの& popper.jsインストールするには、次のコマンドを実行します。あなたのpage.tsで

"styles": [ 
    "styles.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.min.js", 
    "../node_modules/popper.js/dist/popper.min.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.min.js" 
    ], 

を追加します：

これらの行を追加し、角-cli.jsonで

npm install bootstrap@4.0.0-beta.2 popper.js jquery --save 

を

declare var $; 

編集：

すべてのJavaScriptライブラリ/フレームワークにTypeScript宣言ファイルがあるわけではありません。一方、コンパイルエラーを起こすことなく、TypeScriptファイルでライブラリ/フレームワークを使用することができます。 解決策の1つは、declareキーワードを使用することです。 declareキーワードは、TypeScriptファイルから生成されていない可能性のある変数を定義するアンビエント宣言に使用されます。