<分区>
好吧，我很困惑。我正在尝试建立一个 rails/backbons SPA。我正在关注这个 railscast:http://railscasts.com/episodes/323-backbone-on-rails-part-1?autoplay=true
我在尝试访问根页面时从浏览器收到此错误:
ExecJS::RuntimeError in Main#index
Showing /Users/Eamon/raffle/raffler/app/views/layouts/application.html.erb where line #6 raised:
SyntaxError: unexpected }
(in /Users/Eamon/raffle/raffler/app/assets/javascripts/backbone/models/entry.js.coffee)
Extracted source (around line #6):
3: <head>
4: <title>Raffler</title>
5: <%= stylesheet_link_tag "application", :media => "all" %>
6: <%= javascript_include_tag "application" %>
7: <%= csrf_meta_tags %>
8: </head>
9: <body>
这是我的代码 - 我只看了几分钟视频。
raffler.js.咖啡
#= require_self
#= require_tree ./templates
#= require_tree ./models
#= require_tree ./views
#= require_tree ./routers
window.Raffler =
Models: {}
Collections: {}
Routers: {}
Views: {}
init: ->
new Raffle.Routers.Entries()
Backbone.history.start()
$(document).ready ->
Raffler.init()
entries_router.js.coffee
class Raffler.Routers.EntriesRouter extends Backbone.Router
initialize: (options) ->
@entries = new Raffler.Collections.EntriesCollection()
@entries.reset options.entries
routes:
"new" : "newEntry"
'' : 'index'
":id/edit" : "edit"
":id" : "show"
newEntry: ->
@view = new Raffler.Views.Entries.NewView(collection: @entries)
$("#entries").html(@view.render().el)
index: ->
alert "home page"
show: (id) ->
entry = @entries.get(id)
@view = new Raffler.Views.Entries.ShowView(model: entry)
$("#entries").html(@view.render().el)
edit: (id) ->
entry = @entries.get(id)
@view = new Raffler.Views.Entries.EditView(model: entry)
$("#entries").html(@view.render().el)
我知道上面的大部分代码在类型转换的这一点上是无关紧要的……它们都是由脚手架生成器创建的——我想我不必删除任何东西。
entry.js.coffee
class Raffler.Models.Entry extends Backbone.Model
paramRoot: 'entry'
defaults:
class Raffler.Collections.EntriesCollection extends Backbone.Collection
model: Raffler.Models.Entry
url: '/entries'
以上文件是我认为发生错误的地方。我似乎无法在任何地方找到语法错误。我注意到在转换页面上与 railscast 一起使用的代码中，entry.js.coffee 只是有
class Raffler.Models.Entry extends Backbone.Model
我尝试删除除 entry.js.coffee 文件的那一行之外的所有内容 - 当我转到根页面时......它只是说“正在加载......”，这只是反射(reflect)了用作应用初始化前的占位符。
也许有一双新鲜的眼睛......
更新
我在这里找到了一个有类似问题的人:
在看到这个和其他一些相关的帖子之后...我尝试删除//=require_tree 。来自 application.js 的行。其他一些帖子说它需要在底部......但我的已经是，所以这也不是问题。如果相关，这是我的 application.js 文件:
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//
// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
// GO AFTER THE REQUIRES BELOW.
//
//= require jquery
//= require jquery_ujs
//= require underscore
//= require backbone
//= require backbone_rails_sync
//= require backbone_datalink
//= require backbone/raffler
//= require_tree .