rails bootstrap ruby-on-rails ruby sprockets

ruby on rails - bootstrap - Sprockets:: CircularDependencyError in Store#index



sprockets gem (4)

Debes eliminar app / asset / stylesheets / application.css.

Estoy siguiendo el manual Agile Web Development with Rails 4th edition y tengo un problema con el piñón css en los rieles 3.1.

El código css es:

http://media.pragprog.com/titles/rails4/code/rails31/depot_e/app/assets/stylesheets/application.css.scss

Si modifico el código css de app / asset / stylesheets / aplication.css.scss, detecto el siguiente error:

Sprockets::CircularDependencyError in Store#index Showing /home/ubuntu/Desktop/Depot/app/views/layouts/application.html.erb where line #5 raised: /home/ubuntu/Desktop/Depot/app/assets/stylesheets/application.css.scss has already been required Extracted source (around line #5): 2: <html> 3: <head> 4: <title>Pragprog Books Online Store</title> 5: <%= stylesheet_link_tag "application" %> 6: <%= javascript_include_tag "application" %> 7: <%= csrf_meta_tag %> 8: </head> Rails.root: /home/ubuntu/Desktop/Depot Application Trace | Framework Trace | Full Trace app/views/layouts/application.html.erb:5:in`_app_views_layouts_application_html_erb___1008723970_81658620''

No entiendo por qué si modifico un valor de margen o un valor de relleno en aplication.css.scss, por ejemplo, aparece este error.

Muchas gracias.


Estaba teniendo este mismo problema después de instalar SCSS. Arreglé el problema eliminando los comentarios erróneos que los rieles colocan en el encabezado. Así que esto:

/* * This is a manifest file that''ll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * 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_tree . */ #wrapper { width: 980px; margin: 0 auto; }

Se convirtió en esto:

#wrapper { width: 980px; margin: 0 auto; }


Simplemente nombre el application.css como "application.scss". Esto resolverá tu problema.


Tuve un problema similar:
Tubería de activos no precompilación sass

La dependencia circular ocurre cuando el archivo de manifiesto requiere los archivos de árbol. Sass hace esto de todos modos, así que no es necesario.

Retirar:

*= require_tree .