Ошибка SystemJS с угловым AOT: Uncaught (в обещании): TypeError: ctor не является конструктором
Я использую Angular 4.4.1 + SystemJS 0.20.19 + NgBootstrap 1.0.0-beta.5 в приложении. Приложение работает в режиме Angular JIT, следуя этим инструкциям и имея следующую конфигурацию SystemJS
meta: {
"./*": {
"esModule": true
}
}
Я использовал "node_modules/.bin/ngc" -p tsconfig-aot.json, чтобы скомпилировать приложение в приложение AOT.
В приложении AOT у меня есть SystemJS map
Конфигурация, как показано в конце этого вопроса.
То же приложение, которое работало в режиме JIT, не работает в режиме AOT и генерирует следующую ошибку:
ERROR Error: Uncaught (in promise): TypeError: ctor is not a constructor
TypeError: ctor is not a constructor
at _createClass (core.umd.min.js:90)
at _createProviderInstance$1 (core.umd.min.js:90)
at resolveNgModuleDep (core.umd.min.js:90)
at NgModuleRef_.get (core.umd.min.js:210)
at resolveNgModuleDep (core.umd.min.js:90)
at _createClass (core.umd.min.js:90)
at _createProviderInstance$1 (core.umd.min.js:90)
at resolveNgModuleDep (core.umd.min.js:90)
at NgModuleRef_.get (core.umd.min.js:210)
at resolveDep (core.umd.min.js:97)
at _createClass (core.umd.min.js:90)
at _createProviderInstance$1 (core.umd.min.js:90)
at resolveNgModuleDep (core.umd.min.js:90)
at NgModuleRef_.get (core.umd.min.js:210)
at resolveNgModuleDep (core.umd.min.js:90)
at _createClass (core.umd.min.js:90)
at _createProviderInstance$1 (core.umd.min.js:90)
at resolveNgModuleDep (core.umd.min.js:90)
at NgModuleRef_.get (core.umd.min.js:210)
at resolveDep (core.umd.min.js:97)
at resolvePromise (config.ts:60)
at resolvePromise (config.ts:60)
at config.ts:60
at ZoneDelegate.invokeTask (config.ts:60)
at Object.onInvokeTask (core.umd.min.js:41)
at ZoneDelegate.invokeTask (config.ts:60)
at Zone.runTask (config.ts:60)
at drainMicroTaskQueue (config.ts:60)
at <anonymous>
Вопросы:
У меня нет возможности узнать, какой модуль вызывает эту ошибку. После многочисленных отладок ошибка появляется, пока
NgBootstrao NgbModel
загружается. Как исправить эту ошибку?Существуют ли какие-либо параметры конфигурации, которые я могу использовать для просмотра прогресса / журнала модулей, которые SystemJS загружает в консоли браузера?
Карта SystemJS для NgBootstrap:
@ng-bootstrap/ng-bootstrap : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/modal/modal-stack": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/modal/modal": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/alert/alert-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/progressbar/progressbar-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/tooltip/tooltip-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/typeahead/typeahead-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/accordion/accordion-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/carousel/carousel-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/datepicker/ngb-calendar": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/datepicker/datepicker-i18n": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/datepicker/ngb-date-parser-formatter": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/datepicker/datepicker-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/dropdown/dropdown-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/pagination/pagination-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/popover/popover-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/rating/rating-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/tabset/tabset-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/timepicker/timepicker-config": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/alert/alert.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/buttons/buttons.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/collapse/collapse.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/progressbar/progressbar.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/tooltip/tooltip.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/typeahead/typeahead.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/accordion/accordion.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/carousel/carousel.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/datepicker/datepicker.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/dropdown/dropdown.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/dropdown/dropdown": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/modal/modal.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/pagination/pagination.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/popover/popover.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/rating/rating.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/tabset/tabset.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/timepicker/timepicker.module": /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
"@ng-bootstrap/ng-bootstrap/index" : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/alert/alert : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/tooltip/tooltip : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/typeahead/highlight : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/typeahead/typeahead-window : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/modal/modal-window : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/modal/modal-backdrop : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker-day-view : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month-view : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker-navigation : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker-keymap-service : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/popover/popover : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/datepicker/datepicker-navigation-select : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,
@ng-bootstrap/ng-bootstrap/modal/modal-ref : /lib/@ng-bootstrap/ng-bootstrap/bundles/ng-bootstrap.js ,