couldn't find file 'dataTables/jquery.dataTables' Rails 4

Question

I'm following the rails casts #340 to implement data tables in my application.

Following all the steps I get this error: couldn't find file 'dataTables/jquery.dataTables'

I'm using rails 4 and I found that some files that mentions in the tutorial I had to create like application.css and products.js.coffee

Gemfile

gem 'jquery-rails'
group :assets do 
  gem 'jquery-datatables-rails', github: 'rweng/jquery-datatables-rails'
  gem 'jquery-ui-rails'
end

Application.js

//= require jquery
//= require dataTables/jquery.dataTables
//= require_tree .

Application.js.coffee

 /* 
 * This is a manifest file that'll automatically include all the stylesheets available in this directory 
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at 
 * the top of the compiled file, but it's generally better to create a new file per style scope. 
 *= require_self 
 *= require dataTables/jquery.dataTables 
 *= require_tree .  
*/

and as is rails 4 I've added the call to the stylesheet in the /layouts/application.html.erb

<%= stylesheet_link_tag 'application.css', media: 'all' %>

and the products/index.htm.erb

<table class="table table-normal" id="products" >
  <thead>
    <tr>
                      <td>Code</td>
                      <td>Name</td>
                      <td>Description</td>
                      <td>Price</td>
                      <td>Stock</td>
                      <td>Enabled</td>
                      <td>Company</td>
              </tr>

  </thead>

  <tbody>   

    <% @products.each do |product| %>
      <tr>                          
            <td style="text-decoration: underline;"><%= link_to product.code, edit_product_path(product) %></td>             

            <td><%= product.name %></td>             

            <td><%= product.description %></td>              

            <td><%= product.price %></td>              

            <td><%= product.stock %></td>              

            <td><%= product.enabled %></td>              

            <td><%= product.company_id %></td>              

      </tr>
    <% end %>
  </tbody>
</table>

I get this error in the output

couldn't find file 'dataTables/jquery.dataTables' (in ....app/assets/stylesheets/application.css:6)

Any ideas how to solve this? Thanks in advance

I took the easy way out and copied the css and js from the gem directly into my assets/stylesheets and assets/javascript folders...I have little patience for the "couldn't find file" errors! — Danny
– Danny, Commented Feb 22, 2014 at 22:38

Almaron · Accepted Answer · 2013-11-01 05:04:29Z

6

There's no more :assets group in Rails 4, so just get the gems out of that block.

answered Nov 1, 2013 at 5:04

Almaron

4,1876 gold badges29 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

LeoJ Over a year ago

Sorry forgot to restart the server, but still I cant see the search box and the order options in the columns

Almaron Over a year ago

Ok, so that problem is down. About the searchbox and the other stuff - please paste in the code you use to initialize the datatable.

LeoJ Over a year ago

In the /products/index.html.erb <table id="products" class="display" data-source="<%= products_url(format: "json") %>"> and the initializer in /javascripts/products.js jQuery -> $('#products').dataTable()

LeoJ Over a year ago

the same as is in the rail cast

Community · Accepted Answer · 2017-05-23 10:28:56Z

2

Take a look at this related question. I ran into a similar issue recently, and my findings may help you out.

I saw that you mentioned you had to create an application.css file, but you didn't indicate whether you populated it with anything. You could try adding:

*= require jquery.dataTables

to application.css and including a copy of jquery.dataTables.css at .app/assets/datatables, which then gives you the added bonus of being able to style DataTables to match the rest of your app.

Making these changes will resolve the "couldn't find file" error, since Rails is looking for a CSS file that either: a) does not exist; or b) does not exist at the location specified in your application.css file.

Also, you should not be adding a stylesheet_link_tag to your application.html.erb file. The whole point of the asset pipeline is that turbolinks will add assets (like stylesheets) to your pages based on what you've specified in your application.css.

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Nov 18, 2013 at 8:40

MarsAtomic

10.7k5 gold badges37 silver badges59 bronze badges

3 Comments

BenKoshy Over a year ago

thank you - but I don't seem to have anything in my .app/assets/datatables directory - any clue as to what happened to it? My Datatable seems to be working fine, but when I run rspec, it's giving me these errors

MarsAtomic Over a year ago

@BKSpurgeon You probably want to post your semi-related but different question as a question on its own, rather than hiding it in a comment to a two and-a-half year old answer. I can tell you exactly what's going on, but I'd rather do it in a way that allows subsequent users to find answers where they expect them.

BenKoshy Over a year ago

thank you. For those reading in future - found the answer - i was running rspec and added the relevant gems to the testing environment: problem solved!

Collectives™ on Stack Overflow

couldn't find file 'dataTables/jquery.dataTables' Rails 4

2 Answers 2

4 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related