App module is not showing

Question

Hi I have installed Angular 17 . But it is not showing App.module.ts. I am following below link crud application in angular 14 - Google Search Thanks

Naimish Makwana · Answer

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: 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'] }) 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 with 1. "configurations": { "production": { ... "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], }, "development": { ... } }, "defaultConfiguration": "production" Thanks

Naimish Makwana · Answer

Hello, From Angular 17 onwards, the Angular CLI defaults to creating projects in standalone mode1. This means that when you create a new project, it won’t have any modules in it, including the app.module.ts file12. However, it is still possible to create a module-based app by using the --no-standalone flag when creating a new project12. Here’s how you can do it: ng new YourProjectName --no-standalone This command will create a new Angular project with the app.module.ts file12. Thanks

Ramco Ramco · Answer

Hi Naimish In 2files in Angular 14 it is showing , i have marked yellow . How i should mange it in Angular 17. In Angular 17 there is no app.module.ts Thanks Thanks

App module is not showing

Answers (3)