如何调试角度2 aot故障

I have an angular 2 app generated by ng cli.

– When I run ng build (or) ng build –prod –aot=false and serve up the page things just work fine.
– But when I try to enable aot by running ng serve –aot=true and serve up,the page breaks with multiple DI errors like below

Very hard to debug. Any idea on how to debug these issues?

例外:没有选项提供商!
error_handler.js:59 ORIGINAL STACKTRACE:
ErrorHandler.handleError @ error_handler.js:59
(匿名)@ application_ref.js:272
webpackJsonp.679.ZoneDelegate.invoke @ zone.js:229
onInvoke @ ng_zone.js:271
webpackJsonp.679.ZoneDelegate.invoke @ zone.js:228
webpackJsonp.679.Zone.run @ zone.js:113
(匿名)@ zone.js:509
webpackJsonp.679.ZoneDelegate.invokeTask @ zone.js:262
onInvokeTask @ ng_zone.js:262
webpackJsonp.679.ZoneDelegate.invokeTask @ zone.js:261
webpackJsonp.679.Zone.runTask @ zone.js:151
drainMicroTaskQueue @ zone.js:405

您是否有机会使用:angular2-logger?我有完全相同的错误,并发现即使我实际上没有使用我必须提供的选项 – 很多工作.

例如:在您的AppModule中必须执行以下操作:

import {Logger,Options} from "angular2-logger/core";

然后在您的提供商列表中确保添加选项:

providers: [
  Logger,Options // <-- this is key
]

这使得确定的AOT包括“选项”.

现在,我是怎么发现的?该错误为您提供了无法找到“选项”的提示.所以我使用Developer Tools来查看使用sourceMaps生成的源代码(我查看了main.bundle.js).在那里我搜索了字符串“选项”,唯一的命中也给了我最后的提示

__WEBPACK_IMPORTED_MODULE_9_angular2_logger_core__["Options"])

现在,在查看了我必须提供选项的文档后,我才意识到这一点.

希望这可以帮助.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...