ng-dynamic icon indicating copy to clipboard operation
ng-dynamic copied to clipboard

Uncaught TypeError: (void 0) is not a constructor for -prod mode

Open laxusgooee opened this issue 6 years ago • 3 comments

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)

laxusgooee avatar Mar 01 '18 13:03 laxusgooee

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

cesarin3134 avatar Apr 24 '18 13:04 cesarin3134

I am also facing the same issue when running following cmd. ng build --prod --aot

raju00129 avatar Apr 25 '18 07:04 raju00129

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

SDAdham avatar Sep 23 '18 07:09 SDAdham