title: Why does angular2 not find the stylesheet that is imported in index.html?
body: <p>I have an angular2 app with an index.html file. I have this line in index.html</p>
  
  <blockquote>
    <p>link rel="stylesheet" type="text/css" href="styles.css"</p>
  </blockquote>
  
  <p>The style sheet is there, and is actually loaded, because it affects the page by applying the styles defined in styles.css.</p>
  
  <p>But this error is thrown in the console.</p>
  
  <blockquote>
    <p>Failed to load resource: the server responded with a status of 404
    (Not Found)</p>
  </blockquote>
  
  <p>I have had this error for a while, and always thought I would deal with it later, and thought it had to do with an old version of angular 2. But now I am on 2.3.1 and the error is still thrown in the console. How can I solve this?</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;MemberAdmin&lt;/title&gt;
    &lt;base href="/"&gt;
  
    &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt;
  
    &lt;script type="text/javascript" src="assets/IndexResources/jquery.js"&gt;&lt;/script&gt;
  
    &lt;!--&lt;link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" media="all"&gt;--&gt;
  
    &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  
  
    &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
    &lt;!--&lt;link rel="stylesheet" type="text/css" href="assets/IndexResources/angular-calendar.css"&gt;--&gt;
  
    &lt;link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"&gt;
  
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="./assets/smalllogo.png"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;Loading...&lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Folder structure:</p>
  
  <p><a href="https://i.stack.imgur.com/oCtEe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oCtEe.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Skghz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Skghz.png" alt="enter image description here"></a></p>