App module is not showing

In Angular 17, the Angular CLI defaults to creating projects in standalone mode12. This means that when you create a new project, it won’t have any modules in it, including the app.module.ts file12.

Here’s how you can manage your files in Angular 17:

1. Importing Modules: In Angular 17’s standalone mode, you can import the necessary modules directly into the components where they are needed2. For example, if you want to import the module BrowserModule from @angular/platform-browser, you can import it in all the components that will use it in the component decorator2.

import { Component, OnInit, OnDestroy } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatMenuModule } from '@angular/material/menu';
import { MatTabsModule } from '@angular/material/tabs';
import { MatRadioModule } from '@angular/material/radio';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';

@Component({
  selector: 'app-demo',
  standalone: true,
  imports: [
    CommonModule,
    MatMenuModule,
    MatTabsModule,
    MatRadioModule,
    ReactiveFormsModule,
    FormsModule
  ],
  templateUrl: './demo.component.html',
  styleUrls: ['./demo.component.scss']
})

 

1. Managing Environment Files: If you want to recreate environments, you can manually create an environments directory and your custom environments environment.ts, environment.prod.ts, environment.staging.ts, etc1. Then, update your angular.json or project.json to do fileReplacements where the paths are from the project root to the environment file for replace and with1.

 

"configurations": {
  "production": {
    ...
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ],
  },
  "development": {
    ...
  }
},
"defaultConfiguration": "production"

 

Thanks