title: Failed to load resource 404 (Not Found) - file location error?
body: <p>I'm building an Angular 2 app which I just upgraded to Net Core RC2. Prior to the upgrade, my webpage would display just fine, but now I am getting errors in my Chrome Dev Tools console:</p>
  
  <pre><code>    Failed to load resource: the server responded with a status of 404 (Not Found): 
  http://localhost:5000/lib/bootstrap/dist/js/bootstrap.min.js
  
      Failed to load resource: the server responded with a status of 404 (Not Found): 
  http://localhost:5000/lib/bootstrap/dist/css/bootstrap/bootstrap.min.css
  </code></pre>
  
  <p>I have bootstrap in my package.json file with version 3.3.6. I installed it with an <strong>npm install</strong> command. It installed properly in my Visual Studio project. The files are located at: </p>
  
  <p><strong>project -> node_modules -> bootstrap -> dist -> js -> boostrap.min.js</strong> </p>
  
  <p>and</p>
  
  <p><strong>project -> node_modules -> bootstrap -> dist -> css -> boostrap.min.css</strong></p>
  
  <p>My gulpfile has this section:</p>
  
  <pre><code>var config = {
  libBase: 'node_modules',
  lib: [
      require.resolve('bootstrap/dist/css/bootstrap.min.css'),
      require.resolve('bootstrap/dist/js/bootstrap.min.js'),
      path.dirname(require.resolve('bootstrap/dist/fonts/glyphicons-halflings-regular.woff')) + '/**',
      require.resolve('jquery/dist/jquery.min.js'),
      require.resolve('chart.js/dist/Chart.bundle.min.js')
  ]
  </code></pre>
  
  <p>};</p>
  
  <p>I'm also seeing a reference to bootstrap.min.js in a _Layout.cshtml file:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang=""&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;title&gt;Homepage WebDev&lt;/title&gt;
      &lt;base href="/" /&gt;
  
      &lt;link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" href="~/css/site.css" asp-append-version="true" /&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      @RenderBody()
      @RenderSection("scripts", required: false)
      &lt;script src="~/lib/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/chart.js/dist/Chart.bundle.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm new to web development so I'm not completely sure what's happening. Could someone point me in the right direction? </p>