2017-08-24 2 views
2

私は角を始め、いくつかの練習用アプリケーションを構築し始めています。私の背景はほとんどknockout.jsで、これまでのところ私はAngular 2/4で見ているものの多くを好んでいます。コンパイル時に不適切なプロパティ名があるかどうかを確認する方法

しかし、1つのことが私を少し奇妙に襲います。学習の過程で、いくつかのスペルミスやプロパティエラー(ngForでループ変数を使用するのを忘れるなど)を行いましたが、VSコード、CLIリンター、角度自体はエラーをスローしません。たとえば、コンポーネントの.tsファイルにmyPropertyというプロパティがあり、誤って{{myProporty}}と入力した場合、エラーは発生しません。空白スペースと出力がないだけで、私が間違ったことを試してみるのは残念です。シンプルなテンプレートでは、これは十分に簡単ですが、私が逃したものを見つけようとしたときに、少なくとも1度は良いことのために私を抱きしめました。

実際にlinterに気づいた@Componentデコレータタグでテンプレートがインラインで宣言されているとエラーが発生します。この場合、ng lintを実行するとエラーThe property "myProporty" that you're trying to access does not exist in the class declaration.が返されますが、テンプレートが独自のhtmlファイルにある場合は、このようなエラーはスローされません。

「厳密な」設定が欠けているのか、それとも単なるツールの問題なのか分かりませんが、この種のものをチェックするのは奇妙に思えます。 VSコードはまた、これらのもののためのインテリセンスの任意の並べ替えを持っていないようだが、それはVSコードの問題かもしれないが、私は知らない。

誰かがこれらのことをチェックできるプラグインを知っているのか、私が逃したCLIコマンドがあるのか​​不思議です。

+0

リントはありますか? – Vega

+0

@Vegaはい、私が言ったように、ng lintは(明らかに)htmlファイルをチェックしません。インラインテンプレートにエラーがあると、エラーをスローしますが、別のファイルにある場合は何も表示されません。また、アプリケーションが実行されているときにも開発ツールのエラーはありません.Angularがこれらを評価している必要があるため、本当に奇妙なようです。 – Mike

+0

--prodオプションでビルドしようとすると、 'ng build --prod' –

答えて

0

誰かがもっと良い解決策を知っているかもしれませんが、私はグーグルで調べてみましたが、このHTML検証はAngleの進行中の開発領域の一部です。最新バージョン(0.1.5)が壊れているようですhttps://github.com/angular/vscode-ng-language-service

が、0.1.4はすべて私のためのインテリセンスくれた:一方

、私は私のインテリセンスの問題を修正している符号拡張VS便利を見つけましたhtmlのテンプレートは、かなり多くの助けになると思います。

+1

間違いなく、進行中の問題があります....私はそのプラグインを使用しようとしましたが、それは私が最終的にそれをあきらめたので頻繁にクラッシュしました。私はちょうど私のテンプレートでエラーチェックに慣れてきた:-( – diopside

関連する問題