Using RouterModule.forChild() in Sub Application

[dsuwirya]

Hello,

I'd like to make the sub-application's route to become sub-route of one of the main-application's route, e.g.

• main-app: http://localhost:8080/element
• client-a: http://locatlhost:8080/element/client-a
• client-a: http://locatlhost:8080/element/client-a/page1
• client-a: http://locatlhost:8080/element/client-a/page2

But when I change the RouterModule.forRoot() into RouterModule.forChild() in client-a's app.module.ts file like this:

I'm always getting StaticInjectorError as follow when the main-application is trying to load the client-a's main.js:

which seems because client-a's AppModule constructor can't find the proper Injector parameter:

Can anybody help to let me know how can I successfully achieve this?

Thank You