title: Angular 7+ : Images in assets folder does not appear
body: <p>Info about my Angular version:<br>
  Angular CLI: 7.3.9   </p>
  
  <pre><code>Node: 10.15.3   
  OS: win32 x64   
  Angular: 7.2.15   
  ... animations, common, compiler, compiler-cli, core, forms   
  ... language-service, platform-browser, platform-browser-dynamic    
  ... router 
  </code></pre>
  
  <p><strong>Issue</strong> that I'm facing is:</p>
  
  <p>In dev build/environment:<br>
  Images in Angular's <code>assets</code> folder does not appear.<br>
  When you check the path it shows up as "<a href="http://localhost:4200/assets/sample.jpg" rel="nofollow noreferrer">http://localhost:4200/assets/sample.jpg</a>" with HTTP error 404 (Not Found).<br>
  In HTML template it is written as<br>
  <code>&lt;img width="300" alt="Angular Logo" src="assets/sample.jpg"&gt;</code><br>
  sample.jpg lies in this folder <code>myapp/src/assets/sample.jpg</code>   </p>
  
  <p>In prod build/environment:<br>
  <code>assets</code> folder does not get compiled and generated in the <code>dist</code> folder itself hence, it does not appear here as well.  </p>
  
  <p>This is the case with even a fresh project generated from Angular CLI. This also happens with the favicon.   </p>
  
  <p>This is my <code>assets</code> array under <code>build</code> and <code>test</code> in <code>angular.json</code>.   </p>
  
  <pre><code>    "assets": [
        "src/favicon.ico",
        "src/assets"
      ],
  </code></pre>
  
  <p>I verified my file name and path.<br>
  Tried creating a couple of isolated projects on the same machine.  </p>
  
  <p><strong>PS:</strong><br>
  Now I'm starting to doubt whether it is due to some machine restriction. I'm working on a machine with limited user access setup. Could this be the reason? Any system level restriction can prevent images from loading?</p>