【问题标题】:uncaught SyntaxError: Unexpected token < angular.min.js:1未捕获的 SyntaxError: Unexpected token < angular.min.js:1
【发布时间】:2018-03-23 09:03:58
【问题描述】:

同样的原因可能是什么?我无法解决问题。 API 运行良好,只是因为这个错误,我无法将它与前端集成。

这里的 index.js 文件:

<html lang="en" ng-app="todoApp">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>::CRUD::</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
  <script src="core.js"></script> 
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    </head>
<body ng-controller="mainController">
  <div class="container">
    <div class="jumbotron text-center">
      <h1>Todo CRUD App<span class="label label-info">{{ todos.length }}</span></h1>
    </div>
    <div id="todo-list" class="row">
      <div class="col-sm-4">
        <div class="checkbox" ng-repeat="todo in todos">
          <label>
            <input type="checkbox" ng-click="deleteTodo(todo._id)">{{todo.text}}
          </label>
        </div>
    </div>
  </div>

  <div id="todo-form" class="row">
    <div class="col-sm-8 text-center">
      <form>
        <div class="form-group">
          <input type="text" class="form-control input-lg text-center" placeholder="Add a todo here" ng-model="formData.text">
        </div>
        <button type="submit" class="btn btn-primary btn-lg" ng-click="createTodo()">Add</button>
      </form>
    </div>  
  </div>
  </div>
</body>
</html>

【问题讨论】:

  • 能发一些代码吗?
  • 因为它是 angular.min.js 中的第一个字符,很可能是因为您没有收到 angular JS 文件,而是一个错误的 Html 页面。见浏览器控制台。我很确定,您对 angular.min.js 的请求的状态码是 != 200。
  • @scipper 但是文件和CDN的路径是正确的。我已经交叉检查了很多次。单击它会导致正确的 URL/路径
  • @KaustubhKhare 请立即查找代码。

标签: angularjs uncaught-exception


【解决方案1】:

谢谢各位,错误已解决。我只需要在脚本标签中添加type="javascript"

【讨论】:

  • type="javascript" 已经隐含在 HTML5 中,所以我会非常惊讶它修复了你的错误。事实上,HTML5 规范鼓励作者省略该属性,如果它是多余的(它在这里)。
  • 它真正解决了我的错误。连我自己都吃惊。 @bfontaine
【解决方案2】:

我认为您尚未在文件中指定您的应用。 像这样。。

  <div ng-app="exampleApp">

你只指定了你的控制器。

【讨论】:

  • 我得到 200 Ok 作为 angular.min.js 的状态码
  • 您只在body标签中指定了您的控制器,但您忘记指定您的应用程序。
  • 我在 HTML 标签中添加了相同的内容。
  • 你有没有加载你的controller.js和app.js文件
  • 是的,core.js 代表相同。服务器仍然无法找到它。
猜你喜欢
  • 2018-02-04
  • 2016-11-27
  • 1970-01-01
  • 2017-04-16
  • 2019-06-02
  • 1970-01-01
  • 1970-01-01
  • 2016-09-19
  • 2017-11-24
相关资源
最近更新 更多