logo标签列表

使用Bootstrap JS时出现Uncaught SyntaxError: Unexpected token <错误

javascriptnode.jsangular-ui-bootstrapwebstorm
3
这是我的index.html代码：

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

然而，它返回错误信息如下：

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

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

bootstrap_error

请问这是我的代码问题还是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文件中。有人知道这个错误的原因吗？谢谢 :)

你看过文件里面了吗？它们有什么问题吗？ - Hubert Grzeskowiak
1
您的Web服务器很可能返回一个默认的HTML错误消息，可能是404错误。 - tcooc
你能否使用浏览器通过给定的URL下载JS文件？我认为@tcooc是正确的。那是服务器返回的HTML响应。 - Hubert Grzeskowiak
你说“它显示了一个错误”。什么显示了错误？这个错误是何时显示的？如果是在开发环境中，你可能可以安全地配置开发环境以忽略此错误。 - BPS
谢谢你们，这是bootstrap.min.js的问题。整套HTML储存在js文件中，而bootstrap是从bower检索到的.... - seeseesky
CDN网站在我的设备上被阻止了。有其他方法可以获取这个文件吗？ - Sharmila
3个回答
3

这绝对是bootstrap文件的问题。第一行包含'<'。

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

谢谢！我检查了引导文件，发现index.html代码保存在其中...我现在使用的是引导CDN链接，而不是从bower安装的引导，问题已经解决了。虽然我仍然无法弄清楚为什么index.html代码会保存在bootstrap.min.js中，而它是从bower中检索出来的... - seeseesky
1
我在使用ASP.Net时遇到了同样的问题。我所需要做的就是清理解决方案并重新构建它。
-1

因为文件地址不正确，所以要将它们更正。根据我的地址：

 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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接