Rails 4 + ReactJS：“语法错误：隐式对象中不能有隐式值”答案

【问题标题】：Rails 4 + ReactJS: "SyntaxError: cannot have an implicit value in an implicit object"Rails 4 + ReactJS：“语法错误：隐式对象中不能有隐式值”
【发布时间】：2015-11-25 21:08:28
【问题描述】：

我正在关注 Fernando Villalobos 的 React.js - A guide for Rails developers AirPair 教程。

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

在Nesting Components: Listing Records部分，作者建议创建app/views/records/index.html.erb文件如下：

<%# app/views/records/index.html.erb %>
<%= react_component 'Records', { data: @records } %>

和一个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'

然后，当我们访问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>

特别是，导致问题的行似乎是：

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

知道问题是什么以及如何使事情发挥作用吗？

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4 coffeescript reactjs

【解决方案1】：

我的错。

我在 CoffeeScript 文件中使用了 Ruby“双空格”缩进，导致错误。

当我复制并粘贴教程中的代码并使用正确的缩进时，一切都像魅力一样工作。

【讨论】：

谢谢——同样的错误。重新开始关于留白意义重大的辩论！

【解决方案2】：

尝试以下 coffescript 而不是您当前的 coffescript（只需从 coffescript 中删除 React.DOM）：

@Records = React.createClass
  render: ->
    div
      className: 'records'
      h2
        className: 'title'
        'Records'

【讨论】：

问题来自缩进。我刚刚发布了一个答案来解释这一点。但是，像往常一样，非常感谢您的帮助和响应，非常感谢。
没问题，是的，那是来自 coffescript 编译问题。我在 react 版本 .12 中发现了一些没有使用 React.DOM 的建议，所以我认为这就是问题所在。因为，我在这里尝试了你的咖啡脚本代码：coffeelint.org，它没有抱怨。无论如何，我很高兴它现在为你工作:)