Module structure

my.module.ts

This is an example on how the module.ts should be structured
The order and comments also have to be respected

@NgModule({
declarations: [],
imports: [
CommonModule,
RoutingModule
TranslateModule
// Child
ChildComponentModule
// Shared
SharedModule
// Components
ComponentModule
// Fragments
FragmentModule
// Layouts
LayoutModule
// Pipes
PipeModule
// Vendors
VendorModule
// Material
MatModule
]
})

Child explanation

From our folder-structure

src
├── app
│ ├── pages
│ │ └── [page]
│ │ ├── [page].component.html
│ │ ├── [page].component.scss
│ │ ├── [page].component.ts
│ │ ├── [page].module.ts
│ │ └── [page].[name] <-- This his a child
│ │ ├── [page]-[name].component.html
│ │ ├── [page]-[name].component.scss
│ │ ├── [page]-[name].component.ts
│ │ ├── [page]-[name].module.ts
│ │ └── state
│ │ ├── [name].query.ts
│ │ ├── [name].service.ts
│ │ └── [name].store.ts