title: Angular 5 white screen of death
body: <h2>My Angular app suddenly showed a white screen of death...</h2>
  
  <p>I'm starting the app using <code>ng serve</code> from <code>@angular/cli</code>.</p>
  
  <hr>
  
  <p>The sources are loaded but the <code>main.ts</code> file is never reached and there is no error in the console. </p>
  
  <p><a href="https://i.stack.imgur.com/aMbpR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aMbpR.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/QFIU4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QFIU4.png" alt="enter image description here"></a></p>
  
  <p>Webpack does not stop saying that there are no changed blocks, even if I modify some files.</p>
  
  <p><a href="https://i.stack.imgur.com/gYFNm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gYFNm.png" alt="enter image description here"></a></p>
  
  <h3>I tried:</h3>
  
  <ul>
  <li>Refresh the browser</li>
  <li>Open the app in another browser</li>
  <li>Restart the webpack server.</li>
  <li>Go back to an older working commit</li>
  <li>Build the app using <code>ng build --prod</code> and run the output using an HTTP server </li>
  <li>Reinstall <code>@angular/cli</code>  </li>
  </ul>
  
  <h3>Application:</h3>
  
  <p><a href="https://i.stack.imgur.com/kt7Jq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kt7Jq.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/IvUzK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IvUzK.png" alt="enter image description here"></a></p>
  
  <h3>Environment:</h3>
  
  <p><a href="https://i.stack.imgur.com/BjY8G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BjY8G.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/CZnwb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CZnwb.png" alt="enter image description here"></a></p>