WebStormでAngular 2 Dartを使用してパッケージまたはサイレントエラーを表示するにはどうすればよいですか？

Question

私の主なアプリでは、コンポーネントにタブを追加したいので、Angularコンポーネントパッケージを使用しました。私はその例をコピーし、タブを見ることができました。ただし、タブには内容がなくタブを切り替えることはありません。

私はAngular components example pageを参考にして、自分のマシンでその例をクローンしました。私は最終的に問題を特定し、タブが正しく機能するようにpopupBindingsプロバイダを追加する必要があることを知りました。

これらのタイプのエラーをより迅速に見つけ出す方法はありますか？私はこれをキャッチする私のダーツ分析を期待していないが、pub serveも私に何か情報を教えていない。私が使用できるコマンドラインオプションはありますか？私は何かが欠けているように感じる。

Chromiumのデベロッパーコンソールを使用してスタックトレースを確認できました。ここで

は私pubspecファイルの抜粋です：

transformers: 
- angular: 
    entry_points: web/main.dart 
- dart_to_js_script_rewriter 
- $dart2js: 
    commandLineOptions: [--show-package-warnings, --dump-info] 
web: 
    compiler: 
    debug: dartdevc 

Answer 1

これらのエラーは静的解析でキャッチすることはできませんが、AngularDartは、実行時にそれらの上に高速で失敗し、実用的なエラーメッセージを提供します。

問題は、WebStormを使用しているときに2つのコンソールが存在することにあります。あなたのブラウザのものと、WebStormのもの。正しく設定すると、WebStormにエラーが表示され、デバッガを使用して問題を解決することもできます。しかし、WebStormとブラウザの接続が正しく設定されていない、確立されていない、または破損していることは珍しくありません。その時、エラーはブラウザのコンソールにしか表示されないので、あなたがそれを期待していなければ、あなたはそれを見ません。

ここでは、set up WebStorm with Chromeです。 this browser extensionが必要で、Chromeのデベロッパー拡張が開いていないことを確認する必要があります（WebStormへの接続が終了するため）。

すべてが正しく設定されていてもエラーが表示されない場合、それは私たちの側のバグです。 file it hereをお願いします。