'ng test'コマンドを実行するとJQueryが見つかりません

Question

新しいangle-cliバージョンを使用してプロジェクトを作成しました。プロジェクトを立ち上げて実行しました。 ng serveとng buildコマンドを実行すると、エラーが発生することなく完全に動作します。しかし、ngテストを実行しようとすると、このようなエラーが表示されます。私はこのよう

import 'jquery'; 

を経由して、私のメインモジュールにはJQueryを輸入してきた私は

"scripts": [ 
    "../node_modules/jquery/dist/jquery.min.js" 
], 

次に角度-cli.jsonに次のようにjQueryのを追加した

theme.provider.ts (53,31): Property 'removeClass' does not exist on type 'JQuery'. 
theme.provider.ts (64,35): Property 'addClass' does not exist on type 'JQuery'. 
theme.provider.spec.ts (7,30): Cannot find name '$'. 

はあります上記の構成に欠けているステップはありますか？あなたが@types/jqueryをインストールしていると仮定すると、

Answer 1

は、（それがすでにリスト内jasmineとnodeを持つべきである）tsconfig.spec.jsonにタイプのリストにjqueryを追加してみてください。あなたはangular-cli.jsonにscriptsリストにjquery.min.jsを追加するとき

---

また、それはあなたのscripts.bundle.jsで終わります。メインモジュールでimport 'jquery';を実行すると、がvendor.bundle.jsになります。そのため、コードを2回追加しました。

代わりのimport 'jquery';をやって、ちょうどtsconfig.app.jsonであなたのcompilerOptions種類のリストにjqueryを追加（または1 "types": ["jquery"]を作成します）。これで、グローバルなjqueryオブジェクトを2回目にインポートせずに参照することができます。