I was looking at this : https://github.com/mgechev/angular-seed in order to understand the Angular Module System in its most basic form.

In this seed project there is a SharedModule which has both index.ts and shared.module.ts. In shared.module.ts it does the exports the Angular way - with directives, exports, providers and etc. In index.ts it reexports them. In app.module.ts it imports SharedModule.forRoot() which is perfect - this registeres the NameListService to be available to the whole application. However when the NameListService is to be used it has to be imported and this is done via import { NameListService } from '../shared/index'; as presented in home.component.ts which by the way is part of the home.module.ts which also imports the SharedModule.

According to me this is totally wrong.

Why would I have to import it like this - this breaks modularity - what if I am using a module which I have not written and thus do not know where exactly to look for a file ?

Why would I then bother with creating and registering things in shared.module.ts if then I will have to use them via the shared/index.ts instead of just using the shared/index.ts ?

Best regards