如何在 WebStorm 中使用 Angular 2 Dart 查看包或静默错误?

How can I view package or silent errors using Angular 2 Dart in WebStorm?

在我的主应用程序中,我想向我的组件添加一个选项卡,所以我使用了 Angular 组件包。我复制了他们的示例并能够看到选项卡。但是,标签没有内容,不会切换标签。

我查看了 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

这些错误无法通过静态分析捕获,但 AngularDart 会在运行时快速失败,并提供可操作的错误消息。

问题可能出在使用WebStorm时,有两个控制台。一个在您的浏览器中,一个在 WebStorm 中。正确设置后,您会在 WebStorm 中看到错误,您甚至可以使用调试器逐步解决问题。但是,WebStorm 与浏览器连接未正确设置、未建立或断开的情况并不少见。那时,错误仅显示在浏览器控制台中,因此如果您不希望它出现在那里,您将看不到它。

set up WebStorm with Chrome. You'll need this browser extension 的方法如下,您需要确保 Chrome 中的开发人员扩展未打开(因为这将关闭与 WebStorm 的连接)。

如果一切设置正确但您仍然看不到任何错误,那么这是我们这边的错误。请file it here.