ruby on rails - Rails+Twitter Bootstrap: archivo para importar no encontrado o ilegible: twitter/bootstrap

rails bootstrap

Question

Estoy intentando configurar la aplicación Rails con Twitter Bootstrap (la gema twitter-bootstrap-rails ), pero aún no puedo superar el error.

File to import not found or unreadable: twitter/bootstrap.

Encontré este problema en el Github oficial de la gema, pero ninguna de las soluciones de allí me ha funcionado. Aquí está mi configuración: Gemfile

gem "twitter-bootstrap-rails"
gem ''font-awesome-rails''
gem ''sass-rails'',   ''~> 3.2.3''
group :assets do
  #gem ''sass-rails'',   ''~> 3.2.3''
  gem ''coffee-rails'', ''~> 3.2.1''
  gem ''therubyracer'', :platforms => :ruby
  gem ''uglifier'', ''>= 1.0.3''
end

aplicacion.css

 *= require_self
 *= require bootstrap_and_overrides
 *= require font-awesome
 *= require_tree .

bootstrap_and_overrides.css.sass

@import "twitter/bootstrap";
@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Font Awesome
@import "fontawesome";

// Glyphicons
@import "twitter/bootstrap/sprites.scss";

¿Qué me falta para la configuración correcta?

Gracias

Answer 1

¿Intentaste compilar los activos?

    rake assets:precompile

Answer 2

Baje la gema bootstrap-sass a v2.3.2 así: gema ''bootstrap-sass'', ''2.3.2''

Había hecho una actualización de paquete que actualizó la gema bootstrap. Esto (versión bajada de la versión) solucionó el problema para mí.

Answer 3

Encontré esta respuesta cuando estaba buscando un problema con el programa RailsTutorial.org de Michael Hartl. Sin querer, había permitido que la gema de los piñones se actualizase a 2.12.1 (estaba bloqueada en Gemfile.lock). Forzar la degradación a 2.11.0 corrigió este error y permitió que la gema bootstrap-sass (2.3.2.0) anterior funcionara correctamente.

Volver a aprender !!

Answer 4

Intenta agregar

gem ''sass-rails''

a tu Gemfile

Answer 5

La forma en que lo hice fue simplemente cambiando la gema Bootstrap de Twitter: usé la gema bootstrap-sass , donde se configura todo como se describe en la página de Github y no encontré ningún problema.

Answer 6

Nada aquí funcionó para mí. Me di por vencido, descargué Bootstrap, puse los archivos en mis recursos y los incluí en mi CSS. Eso lo arregló.

Answer 7

Por alguna razón tuve que requerir explícitamente la gema para que funcione. Como se sugiere en este comentario de github para corregir un error similar con bootstrap-sass, es probable que la gema no se cargue automáticamente. Agregue require "twitter-bootstrap-rails a, por ejemplo, el archivo config / application.rb para solicitarlo explícitamente.

Answer 8

Resolví este problema agregando gem ''bootstrap-sass'', ''3.0.2.1'' en mi Gemfile (según los documentos recientes). Asegúrate de ejecutar la bundle install después.

Answer 9

Si ya intentó apagar el servidor y reiniciarlo, entonces su problema puede ser el archivo css almacenado en caché que se genera a partir de su archivo sass. La razón de esto puede ser alguna variante de la recarga en vivo que pre-renderiza varios de los archivos de tipo scss / haml. Si ese no es el caso entonces

1. Lea el mensaje de error y determine el archivo scss que está causando el error.
2. Localice el archivo css que se genera a lo largo del archivo sass (es decir, custom.css.scss generaría custom.css).
3. Elimine ese archivo, actualice la página y si estos archivos eliminan la memoria caché completa que se encuentra en activo / hojas de estilo y temperatura / memoria caché

Answer 10

agregue la siguiente gema en el grupo de activos y la instalación de paquetes

gem "therubyracer"
gem "less-rails"
gem "twitter-bootstrap-rails"

Answer 11

tuvimos el mismo problema, acabo de reiniciar el servidor de rieles y funcionó