Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

720
Views
Angular app builds white screen after upgrading to version 12

Issue description

I recently upgraded Angular app from v11 to v12. The whole upgrading process finished successfully without errors. However, when I build my application, application bootstraps as "white screen", and there are NO errors in the console.

The result is empty <router-outlet> tag:

enter image description here

During debugging I noticed a few things

  1. All code from app.component.ts got executed
  2. Code from main.ts got executed up until the point where app should be bootstrapped:
 platformBrowserDynamic().bootstrapModule(AppModule).catch((error) => {
  1. App only builds "white screen" with ng serve (development build), but builds fine on ng build (production build)

Reason of the issue

After 2 days of debugging I noticed that when I remove "sourceMap": true config from angular.json file, application builds fine with ng serve (development build) as well.

Question

Does anyone know why application builds "white screen" with "sourceMap": true config and how to prevent it? I would like to keep that config because of debugging purposes.

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!