Nested angular module routing not working

I am creating an angular app from a fuse-angular-template, now I have created a modules folder in which I have placed all my components, inside the routine-work folder I have created a routine.module.ts which can be seen in the picture attached, in this module I have declared all the components placed in routine-work folder and to make them work I have created a separate routine.module.ts file and created 1 sample route in order to check if my app is working or not. Then I referenced the routine-module file in app.module.ts, now whenever i run my application through ng-serve, it only displays the summary component and none other, like when i enter /Routine/Manage-Debtors-Outstanding url in browser it does not load that component, instead it shows only summary component.