如何在WebStorm中使用Angular 2 Dart查看軟件包或無聲錯誤？

在我的主應用程序中，我想添加一個選項卡到我的組件，所以我使用了Angular組件包。我複製了他們的例子，並能看到標籤。但是，這些標籤沒有內容，也不會切換標籤頁。如何在WebStorm中使用Angular 2 Dart查看軟件包或無聲錯誤？

我查看了Angular components example page尋求幫助，並在我的機器上克隆了他們的例子。我終於能夠找出問題並找出需要添加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

來源

2017-10-07 Eric Cherin

缺少提供程序應導致運行時錯誤。您應該在瀏覽器控制檯或控制檯輸出中的IntelliJ/WebStorm中看到堆棧跟蹤。運行時錯誤與'--show-package-warnings'無關。如果你沒有得到例外，它可能會被你的代碼或導致異常的軟件包以某種方式吞下 –

這些錯誤不能由靜態分析來抓住了，但AngularDart將快速失敗對他們的運行，並提供一個可操作的錯誤消息。

問題可能在於使用WebStorm時，有兩個控制檯。瀏覽器中的一個，以及WebStorm中的一個。如果設置正確，您將在WebStorm中看到錯誤，您甚至可以使用調試程序逐步解決問題。但是，WebStorm vs瀏覽器連接設置不正確，未建立或被破壞並不罕見。那時，該錯誤僅在瀏覽器控制檯中顯示，所以如果您不期待它，那麼您將看不到它。

以下是如何操作set up WebStorm with Chrome。您需要this browser extension，並且您需要確保Chrome中的開發人員擴展程序未打開（因爲這會關閉與WebStorm的連接）。

如果一切正常，你仍然沒有看到任何錯誤，那麼這就是我們的錯誤。請file it here。

來源

2018-02-05 20:27:27 filiph

我的猜測是當時我沒有正確設置。如果我記得清楚，這很奇怪，因爲我可以在WebStorm的Dart中設置斷點，但是我沒有看到任何運行時錯誤出現。 –

如何在WebStorm中使用Angular 2 Dart查看軟件包或無聲錯誤？

回答

相關問題