couldn't find file 'dataTables/bootstrap/3/jquery.dataTables.bootstrap' with type 'text/css'

[mcshakes]

Hey, trying to add Bootstrap 3 and Datatables together.

Here is my gemfile:

source 'https://rubygems.org'

gem 'rails', '4.2.1'
gem 'pg'
gem 'sass-rails', '> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '> 4.1.0'
gem 'bootstrap-sass', '> 3.3.4'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder', '> 2.0'
gem 'sdoc', '~> 0.4.0', group: :doc
gem 'mocha'

gem 'bcrypt', '> 3.1.7'
gem 'jquery-datatables-rails', '> 1.12.2'

group :development, :test do
gem 'byebug'
gem 'pry'
gem 'better_errors'
gem 'binding_of_caller'
gem 'capybara'
gem 'web-console', '~> 2.0'
gem 'spring'
gem 'launchy'
gem 'database_cleaner'
gem 'minitest-rails-capybara'
end

application.js

//= require jquery
//= require jquery_ujs
//= require dataTables/jquery.dataTables
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require bootstrap-sprockets
//= require jquery-ui
//= require turbolinks
//= require_tree .

and application.css

*= require_tree .
*= require_self
*= require dataTables/jquery.dataTables
*= require dataTables/bootstrap/3/jquery.dataTables.bootstrap

*= require_directory .

Do I have to instead put those within application.css in application.scss for it to work properly?

Thanks.

[jh125486]

Since the stylesheets are .scss, you'll have to put the extension like *= require dataTables/bootstrap/3/jquery.dataTables.bootstrap.scss
If you are using the Bootstrap 3 stylesheets, don't load the dataTables/jquery.dataTables stylesheet; it conflicts as I recall.

Also, you probably need to do a *= require bootstrap to get the base Bootstrap 3 stylesheets loaded.

[anquinn]

same error here. It doesn't seem to actually be installing the files anywhere, just adding the require lines.

[jh125486]

Can you run Rails.application.config.assets.paths from rails console and paste what's there?

[anquinn]

["/Users/andrew/Projects/targets_dashboard/app/assets/images", "/Users/andrew/Projects/targets_dashboard/app/assets/javascripts", "/Users/andrew/Projects/targets_dashboard/app/assets/stylesheets", "/Users/andrew/Projects/targets_dashboard/vendor/assets/javascripts", "/Users/andrew/Projects/targets_dashboard/vendor/assets/stylesheets", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/jquery-datatables-rails-3.3.0/app/assets/images", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/jquery-datatables-rails-3.3.0/app/assets/javascripts", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/jquery-datatables-rails-3.3.0/app/assets/media", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/jquery-datatables-rails-3.3.0/app/assets/stylesheets", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/turbolinks-2.5.3/lib/assets/javascripts", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/jquery-rails-3.1.3/vendor/assets/javascripts", "/Users/andrew/.rbenv/versions/2.2.2/lib/ruby/gems/2.2.0/gems/coffee-rails-4.0.1/lib/assets/javascripts"]

[jh125486]

Hrmm, it shows to be adding the correct paths for jquery-datatables-rails... which gem are you loading up for the Bootstrap assets?

[anquinn]

I'm manually loading a custom build of the core bootstrap. I get the same error when I tried with the vanilla version of datatables (different path of course) . The only way I found around it was to manually copy the assets (css, js, images) into the pipeline directory.

[ariawanzero]

i want to ask anyone who can import this style on .css.scss file because i'm always get error in this import like @import dataTables/bootstrap/3/jquery.dataTables.bootstrap

[ariawanzero]

yeah i'm already get the solution like this @import "dataTables/bootstrap/3/jquery.dataTables.bootstrap.scss";