javascriptnode.jsangular-ui-bootstrapwebstorm

Uncaught SyntaxError: Unexpected token < when using bootstrap js


Here is the code of my index.html:

<html>
  <head>
    <meta charset="UTF-8" >
    <title>Index</title>
    <link rel="stylesheet" href="styles/main.css" />
    <link rel="stylesheet" ng-href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
 </head>
 <body ng-app="app">


    <div ng-view></div>

    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/angular-route/angular-route.min.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script src="scripts/angular/app.js"></script>
    <script src="scripts/angular/controllers.js"></script>
 </body>
</html>

However, it shows the error in return:

bootstrap.min.js:1 Uncaught SyntaxError: Unexpected token <

ui-bootstrap-tpls.min.js:1 Uncaught SyntaxError: Unexpected token <

bootstrap_error

Is it the problem of my code or bootstrap? I found the error exists when I add

<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 

and

<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 

into the index.html. Does anyone know the cause of the error? Thanks :)


Solution

  • Its definitely a problem with the bootstrap file. The line 1 contains '<'.

    Try manually opening the files and removing it.