2016-10-14 69 views
-1

私は角2を初めて使っています。最近、MEAN Appをゼロから作成するためのYouTubeチュートリアルに続きました。(これもgithubにあります、enter link description here)。私はその後、ブートストラップ管理テンプレート(enter link description here)と統合しようとしました。ファイル名 'cssSelectorHelper'を見つけることができません

ここで問題が発生します。ブートストラップ管理テンプレートプロジェクト自体を実行している間は問題はありません。次に、管理テンプレート "client"フォルダをMEAN APPにコピーし、npm installを使って依存関係を解決します。上記のブートストラップ管理テンプレートのリンクで、/ SB-Admin-BS4-Angularに移動してください。 -2/SRC /クライアント/アプリ/ダッシュボード/チャート/ chart.component.ts)(私は2つの以上のリンクを投稿することができないのが残念)

のvar areaChart:どんな= $( '#area -チャート');

元の作業管理テンプレートに戻って参照すると、ドル記号 "$"はtypescriptでcssSelectorHelperとして解釈されます。

は、私は次のように宣言しようとした:

宣言VAR $:cssSelectorHelper

その後[TS]名 'cssSelectorHelper'を見つけることができないことを報告しました。これにより、cssSelectorHelperがtypescriptによって認識されないことが原因で問題が発生している可能性があります。

誰でもこれを解決する方法を提案できますか? (私はこれらすべてに新しいです。上記の説明が意味をなさない場合は、明確にするのにもお役立てください)

ありがとうございます。

答えて

0

角2はMVCMVVMパターンのフレームワークであり、一方JQueryは少し機能的です。はい、使用することができますJQuery角度2では、ほとんどの場合はありません。しかし、一部の人々は、依然として、単一の要素ごとに指令やコンポーネントを書くことが複雑になっていると感じています。

jqueryをスクリプトタグを使用してhtmlファイルにインポートすると、角型2コンパイラでそのことを知ることができません。ですから、何とかして、jqueryがインポートされたことをコンパイラに伝えなければなりません。一部の人には単にdeclare var $: JQueryStaticなどが含まれています。しかし、jqueryと他のライブラリでこれを行うための最も標準的な方法は、間違いなく型指定されたファイルの型指定を使うことです。

まず、タイプhttps://github.com/typings/typingsをインストールして、必要なライブラリを検索して、間違いのないタイプのファイルをインストールする必要があります。

.tsファイルの先頭に/// <reference path="path_to_jquery/jquery.d.ts" />を含めれば完了です。 VSCodeはインテリセンスやその他のものをあなたのためにサポートします!

0

$フロントエンドでの開発は、通常、jQueryを対象としています。あなたは、スクリプト・タグとしてのjQueryを追加し、.tsファイルの先頭に

declare var $: any; 

を入れなければならないでしょう。

AngularとjQueryを混在させるのは面倒ですが、最良の方法はAngular 2自体で何をしようとしているのかを実装することです。

+0

こんにちは@Alexander、まずはお手伝いをしてくれてありがとう。本当に感謝。私は詳細を私の質問に更新しました。私はなぜコードを統合する前に、それが正常に実行されているか分からない。しかし、MEANアプリケーションと統合しようとすると、私は問題に直面しました。あなたが手伝ってくれることを願います。ありがとう – user1984132

関連する問題