How to fix the missing app.module.ts file in the latest version of Angular?

In the latest versions of Angular, you might notice that the app.module.ts file is no longer automatically generated when you create a new project.

This change was introduced starting from Angular v17.

Creating a Module-Based App:

If you still want to create a module-based app (which includes the app.module.ts), you can do so by using the --no-standalone flag during project creation:

ng new my-app --no-standalone        

This command will generate an app.module.ts file in your project, allowing you to organize your components within modules as before.

Demo: Angular Projects Using Updated Version of CLI

Angular CLI: 17.3.4

Node: 20.12.2

Package Manager: npm 10.5.0

OS: win32 x64        

Angular Project-1:

Create an angular project named todo:

ng new todo        

File Structure

In Angular, a "standalone" application refers to an application that is self-contained and independent, meaning it doesn't rely on external services or dependencies to function. It includes all the necessary files, configurations, and dependencies to run the application independently.

Angular Project-2:

Create an angular project named old-todo:

ng new old-todo --no-standalone         

It will create a module-based app. i.e not a standalone application

File Structure:

The --no-standalone option is used to generate a project without creating a standalone Angular application. This means that the project won't include any initial application code or configuration, and it will be up to you to set up the project structure and add any necessary components, modules, etc., manually.

In this way, we can fix the missing app. module.ts file in an updated version of angular CLI.

Happy Coding!