CODEWITHSUNDEEP
angularwebpackangular-cli
Maxime Gélinas
Maxime Gélinas

Reputation: 2330

Angular 5 white screen of death

My Angular app suddenly showed a white screen of death...

I'm starting the app using ng serve from @angular/cli.

The sources are loaded but the main.ts file is never reached and there is no error in the console.

enter image description here enter image description here

Webpack does not stop saying that there are no changed blocks, even if I modify some files.

enter image description here

I tried:

Application:

enter image description here enter image description here

Environment:

enter image description here enter image description here

Upvotes: 3

Views: 9672

Answers (2)

cooLLedge
cooLLedge

Reputation: 5

(I don't have the rep to just add a comment so I posted an alternative answer).

I had the white screen of death no errors for angular 7.0.0-rc1 after about an hour I found that in my code I had incorrectly formatted an *ngFor

I had: *ngFor="let client in quote.clients"

instead of: *ngFor="let client of quote.clients"

This use to give a nice message on build or within the console but for some reason it's currently white screening with no errors and building fine.

Hope this saves someone some time.

Upvotes: 0

Maxime Gélinas
Maxime Gélinas

Reputation: 2330

I solved my problem by inspecting each last commit one by one until I found the broken one. The problem was in the tsconfig.json file so I canceled that commit. I still do not know why this config (tsconfig.json) breaks the build and why there was no error message.

Here is the rollback commit: enter image description here

Upvotes: 3

Related Questions