如何使用WebStorm中的Angular 2 Dart查看軟件包或無提示錯誤？

Question

在我的主應用程序中，我想向組件添加一個選項卡，因此我使用了Angular組件包。 我復制了他們的示例，並能夠看到選項卡。 但是，選項卡沒有內容，也不會切換選項卡。

我查看了Angular組件示例頁面以尋求幫助，並將其示例克隆到了我的機器上。 我終於能夠找出問題所在，並弄清楚需要添加popupBindings提供程序以使選項卡正常工作。

有沒有一種方法可以更快地發現這些類型的錯誤？ 我不希望Dart分析能夠抓住這一點，但是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時有兩個控制台。 一個在瀏覽器中，一個在WebStorm中。 正確設置后，您將在WebStorm中看到錯誤，甚至可以使用調試器逐步解決問題。 但是，WebStorm與瀏覽器的連接未正確設置，未建立或斷開的情況並不少見。 那時，該錯誤僅顯示在瀏覽器控制台中，因此，如果您不希望在那里出現該錯誤，則不會看到它。

以下是使用Chrome設置WebStorm的方法 。 您將需要此瀏覽器擴展程序 ，並且需要確保未打開Chrome中的開發人員擴展程序（因為這將關閉與WebStorm的連接）。

如果一切設置正確，但您仍然看不到任何錯誤，那么這就是我們這邊的錯誤。 請在這里歸檔 。