如何在WebStorm中使用Angular 2 Dart查看包或无提示错误?

时间:2017-10-07 01:44:18

标签: angular dart webstorm angular-components

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

1 个答案:

答案 0 :(得分:0)

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

问题可能在于使用WebStorm时有两个控制台。浏览器中的那个,以及WebStorm中的那个。如果设置正确,您将在WebStorm中看到错误,甚至可以使用调试器逐步解决问题。但是,WebStorm与浏览器的连接设置不正确,未建立或被破坏并不罕见。那时,错误只显示在浏览器控制台中,所以如果你没想到它,你将看不到它。

以下是set up WebStorm with Chrome的方法。您需要this browser extension,并且您需要确保Chrome中的开发者扩展程序未打开(因为这将关闭与WebStorm的连接)。

如果一切设置正确并且您仍然没有看到任何错误,那么这就是我们方面的错误。请file it here