Javascript Rails主干应用程序未显示任何内容--包括错误_Javascript_Ruby On Rails_Ruby On Rails 3_Backbone.js

Javascript Rails主干应用程序未显示任何内容--包括错误

javascript ruby-on-rails ruby-on-rails-3 backbone.js

Javascript Rails主干应用程序未显示任何内容--包括错误,javascript,ruby-on-rails,ruby-on-rails-3,backbone.js,Javascript,Ruby On Rails,Ruby On Rails 3,Backbone.js,我一直在使用thoughtbot在Rails上的Learn Backbone.js，我甚至无法让开始的测试应用程序正常工作，但我在控制台中也没有遇到Javascript错误这是我的tasks index.haml文件 - content_for :javascript do - javascript_tag do ExampleApp.initialize({ tasks: <%== @tasks.to_json %> }); models/task.js var T

我一直在使用thoughtbot在Rails上的Learn Backbone.js，我甚至无法让开始的测试应用程序正常工作，但我在控制台中也没有遇到Javascript错误

这是我的tasks index.haml文件

- content_for :javascript do
  - javascript_tag do
    ExampleApp.initialize({ tasks: <%== @tasks.to_json %> });

models/task.js

var Task = Backbone.Model.extend({});

collections/tasks.js

var Tasks = Backbone.Collection.extend({
    model: Task,
    url: '/tasks'
});

ExampleApp.Routers.Tasks = Backbone.Router.extend({
    routes: {
        "": "index"
    },

    index: function() {
        alert('test');
        // var view = new ExampleApp.Views.TaskIndex({ collection: ExampleApp.tasks });
        // $('body').html(view.render().$el);
    }
});

路由器/任务.js

var Tasks = Backbone.Collection.extend({
    model: Task,
    url: '/tasks'
});

ExampleApp.Routers.Tasks = Backbone.Router.extend({
    routes: {
        "": "index"
    },

    index: function() {
        alert('test');
        // var view = new ExampleApp.Views.TaskIndex({ collection: ExampleApp.tasks });
        // $('body').html(view.render().$el);
    }
});

这是我调用所有文件的证据，我认为：

<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/underscore.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone-support/support.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone-support/composite_view.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone-support/swapping_router.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone-support.js?body=1" type="text/javascript"></script>
<script src="/assets/example_app.js?body=1" type="text/javascript"></script>
<script src="/assets/easing.js?body=1" type="text/javascript"></script>
<script src="/assets/modernizr.js?body=1" type="text/javascript"></script>
<script src="/assets/models/task.js?body=1" type="text/javascript"></script>
<script src="/assets/collections/tasks.js?body=1" type="text/javascript"></script>
<script src="/assets/views/task_view.js?body=1" type="text/javascript"></script>
<script src="/assets/views/tasks.js?body=1" type="text/javascript"></script>
<script src="/assets/views/tasks_index.js?body=1" type="text/javascript"></script>
<script src="/assets/routers/tasks.js?body=1" type="text/javascript"></script>
<script src="/assets/tasks/index.js?body=1" type="text/javascript"></script>
<script src="/assets/tasks/task.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>

有什么想法吗？我对Rails和主干网都很陌生，所以我不确定错误在哪里，控制台也帮不了我。谢谢

查看源代码时是否看到ExampleApp.initialize代码

您需要在布局中的某个位置设置一个框架，以使此示例正常工作。

遵循下面的结构以使主干正常工作

<!DOCTYPE html>
<html>
<head>
  <title>Blog2</title>
  <%= stylesheet_link_tag    "application" %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

伟大的现在我至少有一些错误。。。但错误是数据没有定义，虽然在我看来它是明确的，对吗？哦，好吧，那是我的错。我半恢复到我原来的程序，但它仍然引用半完整的代码。这起作用了。谢谢