title: Can't load ui-bootstrap
body: <p>I created a simple <code>AngularJS</code> page but it fails to load because of <code>UI Bootstrap</code>. The HTML code is:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en" ng-app="myapp"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;My HTML File&lt;/title&gt;
      &lt;script src="lib/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular/ui-bootstrap-0.4.0.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular/angular-strap.js"&gt;&lt;/script&gt;
  
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ui-view="headerView"&gt;&lt;/div&gt;
      &lt;div ui-view="navigationView"&gt;&lt;/div&gt;
      &lt;div ui-view="contentView"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The error in <code>Chrome</code> is:</p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token &lt; ui-bootstrap-0.4.0.js:3
  </code></pre>
  
  <p>The error in <code>Firebug</code>:</p>
  
  <pre><code>SyntaxError: syntax error
  [Break On This Error]   
  
  &lt;!DOCTYPE html&gt;
  
  ui-boo....4.0.js (line 3
  </code></pre>
  
  <p>I did no modification on <code>UI Bootstrap</code> javascript file.</p>