Uncaught SyntaxError: Unexpected token < when using bootstrap js

Question

这是我的代码 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>

然而，它显示return中的错误：

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

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

是我代码的问题还是bootstrap？我添加

时发现错误存在

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

和

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

进入index.html。有谁知道错误的原因？谢谢:)

Answer 1

肯定是bootstrap文件有问题。第 1 行包含“<”。

尝试手动打开文件并将其删除。

Answer 2

我遇到了与 ASP.Net 相同的问题。我所要做的就是清理解决方案并重建它。

Answer 3

因为文件地址不正确，所以要改正。根据我的地址：

 correct <link rel="stylesheet" href="./css/bootstrap.rtl.min.css" />

 wrong <link rel="stylesheet" href="/public/css/bootstrap.rtl.min.css" />

 correct  <script src="./js/bootstrap.bundle.min.js"></script>

wrong <script src="/public/bootstrap.bundle.min.js"></script>

Uncaught SyntaxError: Unexpected token < when using bootstrap js

Uncaught SyntaxError: Unexpected token < when using bootstrap js

javascript

node.js

webstorm

angular-ui-bootstrap