Rails 3.1 - Coffescript 无法编译为 js答案

【问题标题】：Rails 3.1 - Coffescript doesn't compile to jsRails 3.1 - Coffescript 无法编译为 js
【发布时间】：2012-11-08 12:09:30
【问题描述】：

我正在将应用程序从 Rails 3.0 迁移到 Rails 3.1。我更改了所有 nessasary 配置文件并安装了 gem（在 Ryan's screencast 的帮助下）。我的布局很少，我想为它们加载不同的脚本。

我有意见：

layouts/console.html.erb

<html lang="ru">
  <head>
    ...
    <%= stylesheet_link_tag "console" %>
    <%= yield :stylesheets%>
    <%= javascript_include_tag 'console' %>
    ...
    <%= yield :javascripts%>
  </head>
</html>

在我的资产中，我创建了文件 console.js：

assets/javascripts/console.js

// 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_self
//= require_tree ./console

我还创建了 console 文件夹，其中包含此文件夹中的文件：

assets/javascripts/console/users.js.coffee

jQuery ->
  alert "Test"

但是当我加载此类页面时，不会出现警报。

当我调试页面时，我看到 Rails 加载了这个

<script type="text/javascript" src="/assets/console.js?body=1"></script>

其中包含：

// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
// GO AFTER THE REQUIRES BELOW.
//
;

还有这个：

<script type="text/javascript" src="/assets/console/users.js.coffee ?body=1"></script>

其中包含：

jQuery ->
alert "Test"
;

我的问题是什么？我该如何解决这个问题？

UPD：页面头部的链接：

<head>
   ...
   <meta charset="utf-8">
   <meta name="csrf-param" content="authenticity_token">
   <meta name="csrf-token" content="PAO2QZ6Z3ykmksXnY55dmCehq+i2COXmSlnZWjErFwA=">
   <link type="image/vnd.microsoft.icon" rel="shortcut icon" href="/favicon.ico">
   <link type="text/css" rel="stylesheet" media="screen" href="/assets/console.css?body=1">
   <link type="text/css" rel="stylesheet" media="screen" href="/assets/console/console.css?body=1">
   <link type="text/css" rel="stylesheet" media="screen" href="/assets/console/pagination.css?body=1">
   <link type="text/css" rel="stylesheet" media="screen" href="/assets/console/search-form.css?body=1">

   <script type="text/javascript" src="/assets/jquery.js?body=1"></script>
   <script type="text/javascript" src="/assets/jquery_ujs.js?body=1"></script>
   <script type="text/javascript" src="/assets/console.js?body=1"></script>
   <script type="text/javascript" src="/assets/console/users.js.coffee ?body=1"></script>  
</head>

【问题讨论】：

你的问题是你的语法全错了。
@WaleedKhan 你能提供正确的解决方案吗？我不能理解我的错误。

标签： jquery ruby-on-rails ruby-on-rails-3.1 coffeescript

【解决方案1】：

更新答案：

一行中有一个空格

<script type="text/javascript" src="/assets/console/users.js.coffee ?body=1"></script>

那不应该在那里！

确保users.js.coffee 的文件名中没有任何尾随空格。

原答案：（不是解决方案）

coffeescript 似乎没有解释该行

jQuery ->

您是否正确加载了 jQuery？确保你有

gem 'jquery-rails'

在您的 Gemfile 中，您已运行 bundle install

也可能值得尝试$ -> 的替代语法，尽管它不应该有所作为。

【讨论】：

是的，我有这颗宝石。我尝试再次运行 bundle install 并使用 $ -> 并没有帮助。
如果我没记错的话，<script type="text/javascript" src="/assets/console/users.js.coffee ?body=1"></script>这行好像有个空格，文件名后面有空格吗？
你是绝对正确的！我刚刚注意到它（在更改文件名之后）。
您可以更新您的答案，如果您愿意，我会将其设置为正确的。
很高兴听到这个消息 - 我已经更新了答案。完全删除旧答案或将其留在那里是礼仪吗？

【解决方案2】：

Rails 3.0 应用程序在 Rails 3.1 上运行时可能会丢失一些代码。

首先，检查您的 Gemfile 中是否有这些宝石：

group :assets do
  gem 'jquery-rails'
  gem 'jquery-ui-rails'
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  # gem 'therubyracer', :platforms => :ruby

  gem 'uglifier', '>= 1.0.3'
end

其次，检查这些行是否在 config/application.rb 中：

module SAH2Client
 class Application < Rails::Application

    ......

    # Enable the asset pipeline
    config.assets.enabled = true

    # Version of your assets, change this if you want to expire all your assets
    config.assets.version = '1.0'
  end

end

【讨论】：