ryan
ryan

Reputation: 5099

Rails 3.1 issue with javascript_include_tag in application.html.erb

I've created a clean and simple Rails 3.1 application called demo1. It contains two controllers - hello and goodbye. I get the following error when I try to load http://localhost:3000/say/hello:

ActionView::Template::Error (
  (in /home/me/dev/ruby/demo1/app/assets/javascripts/say.js.coffee)):
    3: <head>
    4:   <title>Demo1</title>
    5:   <%= stylesheet_link_tag    "application" %>
    6:   <%= javascript_include_tag "application" %>
    7:   <%= csrf_meta_tags %>
    8: </head>
    9: <body>
  app/views/layouts/application.html.erb:6:in     
`_app_views_layouts_application_html_erb___558576499_89622220'

The problematic line of application.html.erb is:

<%= javascript_include_tag "application" %>

When I created the application using Rails 3.0 this particular line was:

<%= javascript_include_tag :defaults %>

And this worked fine. In fact, when I change the application.html.erb to use :defaults everything works, but I want to use the new features of Rails 3.1.

I can't seem to turn up anything on Google around this, I guess because Rails 3.1 has just been released.

By the way, I'm following the first chapter in the Agile Web Development with Rails (4th edition) Updated for Rails 3.1 book.

Some environmental info that may help in answering this question:

$ cat /etc/issue
Ubuntu 10.04.2 LTS \n \l

$ ruby -v
ruby 1.9.2p290 (2011-07-09 revision 32553) [i686-linux]

$ rails -v
Rails 3.1.0

Contents of the say.js.coffee file:

# Place all the behaviors and hooks related to the matching controller here.
# All this logic will automatically be available in application.js.
# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

Upvotes: 17

Views: 29272

Answers (14)

Tarun Reddy
Tarun Reddy

Reputation: 1

Adding the gem 'therubyracer' fixed the issue. I was getting the error only after adding external js file through <%= javascript_include_tag %>

Upvotes: 0

Talha
Talha

Reputation: 1636

Simply delete the 2 lines from application.js

//= require turbolinks

//= require_tree

Upvotes: 3

thedanotto
thedanotto

Reputation: 7307

Removing //= require_tree will just stop your javascript files from being loaded into rails. It will probably stop the error, but probably not what you'd like.

However, in my case, I had some .js.coffee files with incorrect indenting. Once I fixed this (by deleting them), it worked.

Upvotes: 1

metaforge
metaforge

Reputation: 911

I have this issue in Rails 4, and if I switch it to 'defaults' rather than 'application', it works, just as the OP says. But this is in an external Gem that I'd rather not edit. I have found that if I force my Gemfile to use version 1.8.0 of coffee-script-source, do a bundle install, and start the server, then everything works fine.

Upvotes: 0

Skyfall
Skyfall

Reputation: 57

Just REMOVE the following line (Line no. 6) from generator file (application.html.erb) :

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

please update me if there is any drawback to remove this line

Thanks

Upvotes: 0

kys48
kys48

Reputation: 1

modify generator file (application.html.erb.tt) as the following:

<%= javascript_include_tag "application", "data-turbolinks-track" true %>
<%= javascript_include_tag :default, "data-turbolinks-track" true %>

Upvotes: 0

Gautam
Gautam

Reputation: 1812

devise_scope :user do
      get 'sign_out', :to => 'devise/sessions#destroy', :as => :destroy_user_session
   end

If your routes.rb has this above line just delete it and run. This is what corrected my problem.

Upvotes: 0

Cameron Flint
Cameron Flint

Reputation: 450

For the benefit of future Googlers, I went down a rabbit hole trying to install therubyracer until I stumbled upon this related post:

ExecJS::RuntimeError in rails 3.2.8 engine with javascript_include_tag

The link mentioned explains that ExecJS is configured incorrectly for Windows 8 out-of-the-box. In particular, the workaround described by pottsk did the trick for me.

https://github.com/sstephenson/execjs/issues/81#issuecomment-9892952

It involves changing the way that the cscript executable is run by ExecJS in %rubyinstall%\gems\2.0.0\gems\execjs-2.0.1\lib\execjs\runtimes.rb:

# JScript = ExternalRuntime.new(
#   :name        => "JScript",
#   :command     => "cscript //E:jscript //Nologo //U",
#   :runner_path => ExecJS.root + "/support/jscript_runner.js",
#   :encoding    => 'UTF-16LE' # CScript with //U returns UTF-16LE
# )

JScript = ExternalRuntime.new(
    :name        => "JScript",
    :command     => "cscript //E:jscript //Nologo",
    :runner_path => ExecJS.root + "/support/jscript_runner.js",
    :encoding    => 'UTF-8' # CScript with //U returns UTF-16LE
)

It goes without saying that this is not a permanent solution but it does get me up and running until the patch is incorporated.

Upvotes: 2

Knyteguy
Knyteguy

Reputation: 21

If you're on Windows and you used RailsInstaller to get your development going, you need to use that .bat file included with RailsInstaller to run your server. Also you can't use any CMD hook like conemu to start the server, unfortunately.

Upvotes: 2

hariharan kumar
hariharan kumar

Reputation: 459

In case of using linux(Ubuntu linux like mine), install javascript runtime. The best is issue the below command to install,

apt-get install nodejs

or else, for each and every new creation of rails project, add

gem 'therubyracer' to your gemfile and run bundle install

Upvotes: 0

Confusion
Confusion

Reputation: 16841

I just ran into this issue when starting a new RoR 3.2.1 app. The problem is that you are missing a JS runtime, which is because the line

# gem 'therubyracer'

in your Gemfile has that # in front of it. God only knows why they ship Rails with that line commented, because any tutorial that uses generate scaffold or similar will result in the asset compilation process tripping up over the generated coffeescript file.

The solution is to uncomment that line. Installing another JS runtime may also solve the problem. See e.g. ExecJS and could not find a JavaScript runtime.

The official ruby on rails guide says:

Compiling CoffeeScript to JavaScript requires a JavaScript runtime and the absence of a runtime will give you an execjs error. Usually Mac OS X and Windows come with a JavaScript runtime installed. Rails adds the therubyracer gem to Gemfile in a commented line for new apps and you can uncomment if you need it. therubyrhino is the recommended runtime for JRuby users and is added by default to Gemfile in apps generated under JRuby. You can investigate about all the supported runtimes at ExecJS.

Upvotes: 7

DavB
DavB

Reputation: 1696

I had the same problem running rails 3.1.1

Once I reinstated the following code in my Gemfile, my issue disappeared:

group :assets do
  gem 'sass-rails',   '~> 3.1.4'
  gem 'coffee-rails', '~> 3.1.1'
  gem 'uglifier', '>= 1.0.3'
end

gem 'jquery-rails'

This was placed in my Gemfile when initially setting up the project, i.e. using "rails new myapp".

Note that the in my template file I include:

<%= javascript_include_tag :application %>

Hope that helps

Upvotes: 2

billmccord
billmccord

Reputation: 98

Another thing you can try which worked for me is to add the json (and perhaps also the yajl-ruby) gem to your Gemfile. I don't really understand why they weren't already installed before because:

rails depends on actionpack which depends on sprockets which depends on json and tilt

and tilt depends on yajl-ruby

Yet, somehow, it seems many of the dependent gems were not installed!?

Upvotes: 0

ryan
ryan

Reputation: 5099

Ok, I've figured out what the issue was, and so I'll answer my own question.

The problem was the app/assets/javascripts/application.js file contained commented out code. However, one of the commented out lines was as follows:

//= require_tree .

When I delete this line everything works fine.

Hope this helps. If someone can provide some insight as to why the underscore was causing the issue that would be great.

Upvotes: 32

Related Questions