title: Uncaught SyntaxError: Unexpected token < when using bootstrap js
body: <p>Here is the code of my index.html:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" &gt;
      &lt;title&gt;Index&lt;/title&gt;
      &lt;link rel="stylesheet" href="styles/main.css" /&gt;
      &lt;link rel="stylesheet" ng-href="bower_components/bootstrap/dist/css/bootstrap.min.css" /&gt;
   &lt;/head&gt;
   &lt;body ng-app="app"&gt;
  
  
      &lt;div ng-view&gt;&lt;/div&gt;
  
      &lt;script src="bower_components/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-route/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/angular/app.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/angular/controllers.js"&gt;&lt;/script&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, it shows the error in return:</p>
  
  <blockquote>
    <p>bootstrap.min.js:1 Uncaught SyntaxError: Unexpected token &lt;</p>
    
    <p>ui-bootstrap-tpls.min.js:1 Uncaught SyntaxError: Unexpected token &lt;</p>
  </blockquote>
  
  <p><img src="https://i.stack.imgur.com/Wiso2.png" alt="bootstrap_error"></p>
  
  <p>Is it the problem of my code or bootstrap? I found the error exists when I add </p>
  
  <pre><code>&lt;script src="bower_components/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>into the <code>index.html</code>. Does anyone know the cause of the error? Thanks :)</p>