如何在 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.
在我的主应用程序中,我想向我的组件添加一个选项卡,所以我使用了 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.