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 <
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 :)
Its definitely a problem with the bootstrap file. The line 1 contains '<'.
Try manually opening the files and removing it.