Unable to load resource
<p>I am just new to angularjs. I am trying to test simple controller in my index.html. But when i am running it on my localhost i am getting an error :  </p>

<blockquote>
  <p>Failed to load resource: the server responded with a status of 404 (Not Found).</p>
</blockquote>

<p>Here is my folder structure:</p>

<pre><code>angulartesting
-bower_components
-index.html
-script.js
</code></pre>

<p>Here is my index.html file:</p>

<pre><code>&lt;!-- index.html --&gt;
&lt;!DOCTYPE html&gt;
&lt;html  ng-app="store"&gt;
&lt;head&gt;
  &lt;!-- SCROLLS --&gt;
  &lt;!-- load bootstrap and fontawesome via CDN --&gt;
 &lt;link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel='stylesheet' type='text/css' /&gt;

  &lt;!-- SPELLS --&gt;
  &lt;!-- load angular and angular route via CDN --&gt;
  &lt;script src="/bower_components/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="/bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
  &lt;script src="script.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body &gt;
  &lt;div ng-controller="StoreController as store"&gt;
    &lt;h1&gt;{{store.product.name}}&lt;/h1&gt;
    &lt;h2&gt;${{store.product.price}}&lt;/h2&gt;
  &lt;/div&gt;
     &lt;script src="bower_components/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Here is my script.js:</p>

<pre><code>// create the module and name it scotchApp
    // also include ngRoute for all our routing needs
(function(){
     var app = angular.module('store', []);
     app.controller('StoreController',function(){
        this.product=gem;
     });
     var gem = {
        name:'Gaurav',
        price:'220'
     }
})();    
</code></pre>

<p>Can anybody tell me what I am doing wrong?<br>
I am running it on my local server.</p>