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

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 > configuration 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"

Same error here.

Cause: There was a .css file wich only contained comments.

Solution: Delete all comments in this file, or add at least one css class.

I have stumbled across the same issue and the cause was the fact that styles.scss was trying to import a file that did not exist at all.

Unfortunately, ng serve --verbose did not help as verbose option does not seem to affect bundle generation.