title: Angular application throwing "inline style..." error due to CSP response header configured on server
body: <p>I am working on an angular application.I am working in angular 8 application with CLI.My application is running on local server without any failure.</p>
  
  <p>On deploying the code to prod server(build using <strong>ng build --prod</strong>) I am getting the below errors , as you can see in below screen shot:
  <a href="https://i.stack.imgur.com/3EHNu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3EHNu.png" alt="enter image description here"></a></p>
  
  <p>I know this error is due to CSP response header implemented on server side, which is preventing inline css(you can see the CSP header value in below screen shot set on response header on server):
  <a href="https://i.stack.imgur.com/qS0Vz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qS0Vz.png" alt="enter image description here"></a></p>
  
  <p>I know If I update the CSP header with 'unsafe-inline' for style-src value, above errors will be fixed.</p>
  
  <p>Other workaround(without updating the CSP header) is that not using styleUrls or styles property in component metadata as in below example(styleUrls is commented):</p>
  
  <pre><code>import { Component } from '@angular/core';
  @Component({
   selector: 'app-root',
  templateUrl: './app.component.html',
   // styleUrls: ['./app.component.scss'] 
  })
  </code></pre>
  
  <p><strong>I just want to know, I have not used any inline CSS then why I am getting these errors?</strong></p>