Angular 11 stuck on "Generating browser application bundles (phase: building)"

Issue

Everything is working fine yesterday, today when start my angular 11 project, I got stock on "/ Generating browser application bundles (phase: building)..." have anyone experienced this, or can give me advice on how to move forward.

Solution

Just keep in mind that you might have to do some changes in your angular.json file.

1. In architect > build > configuration section add:

"development": {
  "buildOptimizer": false,
  "optimization": false,
  "vendorChunk": true,
  "extractLicenses": false,
  "sourceMap": true,
  "namedChunks": true
},

2. In architect > build

"defaultConfiguration": "production"

3. In architect > serve > configurations section add:

 "development": {
   "browserTarget": "{{PROJECT_NAME}}:build:development"
  }

Note: You should put the actual project name in the place of {{PROJECT_NAME}} e.g. "browserTarget": "my-project:build:development"

4. In architect > serve section add:

"defaultConfiguration": "development"

Answered By - Mohammad Jamal Dashtaki