Uncaught SyntaxError: Unexpected token < when using bootstrap js
<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>