ng-dynamic
ng-dynamic copied to clipboard
Uncaught TypeError: (void 0) is not a constructor for -prod mode
I'm using ng-dynamic for a project(ionic 3).
when i do build android in development mode it works...but fails with the production flag.
This is the error:
vendor.js:1 Uncaught TypeError: (void 0) is not a constructor
at r (vendor.js:1)
at vendor.js:1
at ee (vendor.js:1)
at vendor.js:1
at new t (vendor.js:1)
at Object._e [as createNgModuleRef] (vendor.js:1)
at e.create (vendor.js:1)
at vendor.js:1
at t.invoke (polyfills.js:3)
at Object.onInvoke (vendor.js:1)
Hi, I have the same problem, I can't compile my app in IOS with production flag
ionic cordova build ios --prod
This is the output in safari development tool :
TypeError: undefined is not a constructor (evaluating 'new(void 0)([{useDebug:!1,useJit:!0}])')
Thanks
I am also facing the same issue when running following cmd.
ng build --prod --aot
same here, digging further, I can see the following:
ERROR Error: Unexpected value 'SharedModule' imported by the module '_'. Please add a @NgModule annotation.
at syntaxError (compiler.js:486)
at compiler.js:15240
at Array.forEach (<anonymous>)
at CompileMetadataResolver.push../node_modules/@angular/compiler/esm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:15215)
at JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._loadModules (compiler.js:34413)
at JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileModuleAndAllComponents (compiler.js:34391)
at JitCompiler.push../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler.compileModuleAndAllComponentsAsync (compiler.js:34290)
at CompilerImpl.push../node_modules/@angular/platform-browser-dynamic/esm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAndAllComponentsAsync (platform-browser-dynamic.js:269)
at DynamicComponentDirective.push../node_modules/ng-dynamic/src/dynamic-component/dynamic-component.directive.js.DynamicComponentDirective.ngOnChanges (dynamic-component.directive.js:77)
at checkAndUpdateDirectiveInline (core.js:12407)
View_WebPageComponent_2 @ shared.module.ts:173
push../node_modules/@angular/core/esm5/core.js.DebugContext_.logError @ core.js:15038
push../node_modules/@angular/core/esm5/core.js.ErrorHandler.handleError @ core.js:1510
(anonymous) @ core.js:5925
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138
push../node_modules/@angular/core/esm5/core.js.NgZone.runOutsideAngular @ core.js:4708
push../node_modules/@angular/core/esm5/core.js.ApplicationRef.tick @ core.js:5925
(anonymous) @ core.js:5751
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388
onInvoke @ core.js:4760
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:387
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138
push../node_modules/@angular/core/esm5/core.js.NgZone.run @ core.js:4577
next @ core.js:5751
schedulerFn @ core.js:4342
push../node_modules/rxjs/_esm5/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:243
push../node_modules/rxjs/_esm5/Subscriber.js.SafeSubscriber.next @ Subscriber.js:190
push../node_modules/rxjs/_esm5/Subscriber.js.Subscriber._next @ Subscriber.js:131
push../node_modules/rxjs/_esm5/Subscriber.js.Subscriber.next @ Subscriber.js:95
push../node_modules/rxjs/_esm5/Subject.js.Subject.next @ Subject.js:56
push../node_modules/@angular/core/esm5/core.js.EventEmitter.emit @ core.js:4322
checkStable @ core.js:4725
onHasTask @ core.js:4773
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.hasTask @ zone.js:441
push../node_modules/zone.js/dist/zone.js.ZoneDelegate._updateTaskCount @ zone.js:461
push../node_modules/zone.js/dist/zone.js.Zone._updateTaskCount @ zone.js:285
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:205
drainMicroTaskQueue @ zone.js:595
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:500
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566
| View_WebPageComponent_2 | @ | shared.module.ts:173
-- | -- | -- | --
| push../node_modules/@angular/core/esm5/core.js.DebugContext_.logError | @ | core.js:15038
| push../node_modules/@angular/core/esm5/core.js.ErrorHandler.handleError | @ | core.js:1510
| (anonymous) | @ | core.js:5925
| push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke | @ | zone.js:388
| push../node_modules/zone.js/dist/zone.js.Zone.run | @ | zone.js:138
| push../node_modules/@angular/core/esm5/core.js.NgZone.runOutsideAngular | @ | core.js:4708
| push../node_modules/@angular/core/esm5/core.js.ApplicationRef.tick | @ | core.js:5925
| (anonymous) | @ | core.js:5751
| push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke | @ | zone.js:388
| onInvoke | @ | core.js:4760
| push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke | @ | zone.js:387
| push../node_modules/zone.js/dist/zone.js.Zone.run | @ | zone.js:138
| push../node_modules/@angular/core/esm5/core.js.NgZone.run | @ | core.js:4577
| next | @ | core.js:5751
| schedulerFn | @ | core.js:4342
| push../node_modules/rxjs/_esm5/Subscriber.js.SafeSubscriber.__tryOrUnsub | @ | Subscriber.js:243
| push../node_modules/rxjs/_esm5/Subscriber.js.SafeSubscriber.next | @ | Subscriber.js:190
| push../node_modules/rxjs/_esm5/Subscriber.js.Subscriber._next | @ | Subscriber.js:131
| push../node_modules/rxjs/_esm5/Subscriber.js.Subscriber.next | @ | Subscriber.js:95
| push../node_modules/rxjs/_esm5/Subject.js.Subject.next | @ | Subject.js:56
| push../node_modules/@angular/core/esm5/core.js.EventEmitter.emit | @ | core.js:4322
| checkStable | @ | core.js:4725
| onHasTask | @ | core.js:4773
| push../node_modules/zone.js/dist/zone.js.ZoneDelegate.hasTask | @ | zone.js:441
| push../node_modules/zone.js/dist/zone.js.ZoneDelegate._updateTaskCount | @ | zone.js:461
| push../node_modules/zone.js/dist/zone.js.Zone._updateTaskCount | @ | zone.js:285
| push../node_modules/zone.js/dist/zone.js.Zone.runTask | @ | zone.js:205
| drainMicroTaskQueue | @ | zone.js:595
| push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask | @ | zone.js:500
| invokeTask | @ | zone.js:1540
| globalZoneAwareCallback | @ | zone.js:1566
shared.module.ts: is one of my components, where it already has @NgModule
, but it seems that the:
DynamicComponentDirective.push../node_modules/ng-dynamic/src/dynamic-component/dynamic-component.directive.js.DynamicComponentDirective.ngOnChanges (dynamic-component.directive.js:77)
doesn't see the changes
This issue happens when the html element changes or updates, i.e the selected.Html changes below
<div *dynamicComponent="selected.Html; context: bindings;"></div>
I think it's not compatible with AOT compiler as from the module.js, I can only see Jit compiler, switching the compiler solves the problem