title: Bootstrap not importing correctly via node module
body: <p>I'm having issues importing bootstrap for my angular2 app.
  I have it as follows:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Portfolio&lt;/title&gt;
    &lt;base href="/"&gt;
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
    &lt;link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" /&gt;
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
    &lt;app-root&gt;Loading...&lt;/app-root&gt;
    &lt;script src="./node_modules/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In my app.component.html file I have </p>
  
  <pre><code>&lt;button type="button" class="btn btn-success"&gt;Success&lt;/button&gt;
  </code></pre>
  
  <p>But the button never turns green and I don't get an import error for the css file, but the console says 
  Uncaught SyntaxError: Unexpected token &lt; for the js file import.</p>
  
  <p>Any help is appreciated</p>
  
  <p>file structure image</p>
  
  <p><a href="https://i.stack.imgur.com/mqOep.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mqOep.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Jf8uN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jf8uN.png" alt="enter image description here"></a></p>
  
  <p>Response Tab</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Portfolio&lt;/title&gt;
    &lt;base href="/"&gt;
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
    &lt;link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" /&gt;
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
    &lt;app-root&gt;Loading...&lt;/app-root&gt;
    &lt;script src="./node_modules/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="inline.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="styles.bundle.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="main.bundle.js"&gt;&lt;/script&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Additional File Structure image
  <a href="https://i.stack.imgur.com/w8rk8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w8rk8.png" alt="enter image description here"></a></p>
  
  <pre><code>General 
  
      Request URL:http://localhost:4200/node_modules/bootstrap/dist/js/bootstrap.js
      Request Method:GET
      Status Code:304 Not Modified
      Remote Address:127.0.0.1:4200
  
      Response Headers
      view source
      Accept-Ranges:bytes
      Access-Control-Allow-Origin:*
      Connection:keep-alive
      Date:Sat, 24 Dec 2016 20:33:37 GMT
      ETag:W/"27f-NL3AUEhbYCYcjueARo/8Ow"
      X-Powered-By:Express
  
      Request Headers
      view source
      Accept:*/*
      Accept-Encoding:gzip, deflate, sdch, br
      Accept-Language:en-US,en;q=0.8
      AlexaToolbar-ALX_NS_PH:AlexaToolbar/alx-4.0
      Connection:keep-alive
      Host:localhost:4200
      If-None-Match:W/"27f-NL3AUEhbYCYcjueARo/8Ow"
      Referer:http://localhost:4200/
      User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
  </code></pre>