Question

我正在尝试设置一个骨干驱动的Web应用程序，但无法正确加载Backbone。加载所需文件时出现两个错误：

-Uncaught ReferenceError：Backbone未定义test.html：17 -Uncaught TypeError：无法读取属性＆＃39;每个＆＃39;未定义的backbone.min.js：1

我已经为骨干，下划线和jquery文件尝试了多个来源，但仍然遇到相同的错误。任何帮助，将不胜感激。感谢。

<html>
<head>
  <title></title>
</head>
<body>
  <script type="text/javascript" src="backbone-min.js"></script>
  <script "text/javascript" src="jquery-2.1.1.js"></script>
  <script "text/javascript" src="underscore-min.js"></script>
<script>
  Person = Backbone.Model.extend({
    initialize: function(){
        console.log("hello world");
    }
  });
  var person = new Person();
</script>
</body>
</html>

Answer 1

您必须正确包含库以实现缺少的依赖项：

<script src="jquery-2.1.1.min.js"></script>
<script src="underscore-min.js"></script>
<script src="backbone-min.js"></script>

在}之前加入underscore 非常重要，因为backbone是underscore的依赖关系。

包括Backbone.js和Underscore.js（Backbone.js的依赖项）

Related introduction on backbone

这是jQuery等常见库的常见错误，其中像Bootstrap这样的库依赖于外部提供程序提供的组件。

Answer 2

快速浏览一下我就看不出任何错误，尽管你错过了＆＃39;类型＆＃39;在您的第二个和第三个脚本标签上。当您在浏览器中运行页面时，是否有任何错误记录到控制台，您是否也可以在网络查看器中看到正在加载的库？我的直接预感是源路径是错误的，因此库没有被加载。

Answer 3

依赖问题的顺序很重要，主干需要jQuery和下划线

<html>
<head>
  <title></title>
</head>
<body>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="underscore-min.js"></script>
<script type="text/javascript" src="backbone-min.js"></script>
<script>
  Person = Backbone.Model.extend({
    initialize: function(){
      console.log("hello world");
    }
  });
  var person = new Person();   
</script>
</body>

需要帮助设置backbone.js：未捕获的ReferenceError：未定义Backbone

3 个答案: