Rails 4 + ReactJS:"SyntaxError:隐式对象中不能有隐式值"

Thi*_*ent 2 ruby-on-rails coffeescript ruby-on-rails-4 reactjs

我关注的是Fernando Villalobos的React.js - Rails开发人员 AirPair教程的指南.

这里的目标是使用Rails和React JS构建一个简单的费用跟踪应用程序.

在" 嵌套组件:列表记录"部分中,作者建议app/views/records/index.html.erb按如下方式创建文件:

<%# app/views/records/index.html.erb %>
<%= react_component 'Records', { data: @records } %>
Run Code Online (Sandbox Code Playgroud)

和一个javascripts/components/records.js.coffee文件如下:

# app/assets/javascripts/components/records.js.coffee

  @Records = React.createClass
    render: ->
      React.DOM.div
        className: 'records'
        React.DOM.h2
          className: 'title'
          'Records'
Run Code Online (Sandbox Code Playgroud)

然后,当我们访问时localhost:3000/records,我们应该看到以下内容:

在此输入图像描述

但是,当我访问时localhost:3000/records,我收到以下错误:

ExecJS::RuntimeError in Records#index
SyntaxError: [stdin]:7:10: cannot have an implicit value in an implicit object
<title>Expenses</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
Run Code Online (Sandbox Code Playgroud)

特别是,引起问题的线似乎是:

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
Run Code Online (Sandbox Code Playgroud)

对于问题是什么以及如何使事情发挥作用的任何想法?

Thi*_*ent 6

我的错.

我在我的CoffeeScript文件中使用了Ruby"双空格"缩进,这导致了错误.

当我从教程中复制并粘贴代码时,右键缩进,一切都像魅力一样.