manfredsteyer / module-federation-with-angular-dynamic-workflow-designer

Example for building a plugin-based workflow designer with Angular and Dynamic Module Federation

Repository from Github https://github.commanfredsteyer/module-federation-with-angular-dynamic-workflow-designerRepository from Github https://github.commanfredsteyer/module-federation-with-angular-dynamic-workflow-designer

Update to 12+ works with an exception

momoadeli opened this issue · comments

I cloned this repo, updated to ng 12+, and ran npm run start (kicks off shell, mfe1, mfe2) When I click on any of the side panel items to load an MFE I get an excepetion. I have attached the error as a screenshot. Below is the exception text pasted too:

load script:41 GET http://localhost:5000/common.js net::ERR_ABORTED 404 (Not Found)
webpack_require.l @ load script:41
webpack_require.f.j @ jsonp chunk loading:43
(anonymous) @ ensure chunk:6
webpack_require.e @ ensure chunk:5
./Download @ container-entry:3
get @ container-entry:13
(anonymous) @ dynamic-federation.js:11
(anonymous) @ tslib.es6.js:76
ZoneAwarePromise @ zone.js:1340
__awaiter @ tslib.es6.js:72
lookupExposedModule @ dynamic-federation.js:9
(anonymous) @ dynamic-federation.js:57
fulfilled @ tslib.es6.js:73
webpack_modules.9140.ZoneDelegate.invoke @ zone.js:400
onInvoke @ core.js:28705
webpack_modules.9140.ZoneDelegate.invoke @ zone.js:399
webpack_modules.9140.Zone.run @ zone.js:160
(anonymous) @ zone.js:1318
webpack_modules.9140.ZoneDelegate.invokeTask @ zone.js:434
onInvokeTask @ core.js:28692
webpack_modules.9140.ZoneDelegate.invokeTask @ zone.js:433
webpack_modules.9140.Zone.runTask @ zone.js:205
drainMicroTaskQueue @ zone.js:620
webpack_modules.9140.ZoneTask.invokeTask @ zone.js:520
invokeTask @ zone.js:1656
globalZoneAwareCallback @ zone.js:1682
load (async)
customScheduleGlobal @ zone.js:1808
webpack_modules.9140.ZoneDelegate.scheduleTask @ zone.js:421
onScheduleTask @ zone.js:311
webpack_modules.9140.ZoneDelegate.scheduleTask @ zone.js:414
webpack_modules.9140.Zone.scheduleTask @ zone.js:248
webpack_modules.9140.Zone.scheduleEventTask @ zone.js:274
(anonymous) @ zone.js:1965
desc.set @ zone.js:864
(anonymous) @ dynamic-federation.js:43
ZoneAwarePromise @ zone.js:1340
loadRemoteEntry @ dynamic-federation.js:34
(anonymous) @ dynamic-federation.js:55
(anonymous) @ tslib.es6.js:76
ZoneAwarePromise @ zone.js:1340
__awaiter @ tslib.es6.js:72
loadRemoteModule @ dynamic-federation.js:53
(anonymous) @ plugin-proxy.component.ts:24
(anonymous) @ lookup.service.ts:4
ZoneAwarePromise @ zone.js:1340
push.7756.__awaiter @ lookup.service.ts:4
ngOnChanges @ plugin-proxy.component.ts:21
rememberChangeHistoryAndInvokeOnChangesHook @ core.js:1498
callHook @ core.js:2536
callHooks @ core.js:2495
executeInitAndCheckHooks @ core.js:2446
selectIndexInternal @ core.js:8447
ɵɵadvance @ core.js:8430
AppComponent_ng_container_13_Template @ app.component.html:14
executeTemplate @ core.js:9598
refreshView @ core.js:9464
refreshEmbeddedViews @ core.js:10589
refreshView @ core.js:9488
refreshComponent @ core.js:10635
refreshChildComponents @ core.js:9261
refreshView @ core.js:9514
renderComponentOrTemplate @ core.js:9578
tickRootContext @ core.js:10809
detectChangesInRootView @ core.js:10834
detectChanges @ core.js:22887
tick @ core.js:29711
(anonymous) @ core.js:29571
webpack_modules.9140.ZoneDelegate.invoke @ zone.js:400
onInvoke @ core.js:28705
webpack_modules.9140.ZoneDelegate.invoke @ zone.js:399
webpack_modules.9140.Zone.run @ zone.js:160
run @ core.js:28559
next @ core.js:29570
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:25968
checkStable @ core.js:28627
onLeave @ core.js:28755
onInvokeTask @ core.js:28699
webpack_modules.9140.ZoneDelegate.invokeTask @ zone.js:433
webpack_modules.9140.Zone.runTask @ zone.js:205
webpack_modules.9140.ZoneTask.invokeTask @ zone.js:516
invokeTask @ zone.js:1656
globalZoneAwareCallback @ zone.js:1682
Show 57 more frames
core.js:6479 ERROR Error: Uncaught (in promise): ChunkLoadError: Loading chunk common failed.
(error: http://localhost:5000/common.js)
ChunkLoadError: Loading chunk common failed.
(error: http://localhost:5000/common.js)
at Object.webpack_require.f.j (jsonp chunk loading:27)
at ensure chunk:6
at Array.reduce ()
at Function.webpack_require.e (ensure chunk:5)
at Object../Download (container-entry:3)
at Object.get (container-entry:13)
at dynamic-federation.js:11
at Generator.next ()
at tslib.es6.js:76
at new ZoneAwarePromise (zone.js:1340)
at resolvePromise (zone.js:1255)
at zone.js:1162
at rejected (lookup.service.ts:4)
at ZoneDelegate.webpack_modules.9140.ZoneDelegate.invoke (zone.js:400)
at Object.onInvoke (core.js:28705)
at ZoneDelegate.webpack_modules.9140.ZoneDelegate.invoke (zone.js:399)
at Zone.webpack_modules.9140.Zone.run (zone.js:160)
at zone.js:1318
at ZoneDelegate.webpack_modules.9140.ZoneDelegate.invokeTask (zone.js:434)
at Object.onInvokeTask (core.js:28692)

manfred mod fed exception