Sprockets::CircularDependencyError in Store#index

Question

I am following the manual Agile Web Development with Rails 4th edition and I have a problem with sprocket css in rails 3.1.

The code css is:

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

If I modify the css code of app/assets/stylesheets/aplication.css.scss I catch the next 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'

I dont understand why if I modify a margin value or a padding value in aplication.css.scss for example I get this error.

Thank you very much.

Not. I have restart the server but the problem is not fixed. If I desactive the css the page working but without css. I have removed from aplication.html.erb the <%= stylesheet_link_tag "application" %>. Then The page working fine but without css. I dont know that I can doing for fixed this problem :(. Thank you very much. — hyperrjas, Sep 18 '11 at 23:29
can you post the contents of the application.css file please? — Richard Hulse, Sep 25 '11 at 05:35

score 52 · Accepted Answer · answered Oct 02 '11 at 21:45

52

You should remove app/assets/stylesheets/application.css.

answered Oct 02 '11 at 21:45

Luca Invernizzi

6,489
3
28
26

1

this is called quick fix ;) – Taimoor Changaiz Apr 15 '14 at 11:09
Yeah, `require_tree .` means "require everything in this directory and all children" and is in the generated `application.css`. Pretty weird that by default Rails says "include all CSS in all pages always", huh? – AlexChaffee Sep 10 '14 at 13:50

score 14 · Answer 2 · edited May 23 '17 at 12:09

14

I had a similar problem:
Asset pipeline not precompiling sass

The circular dependency happens when the manifest file requires the tree files. Sass does this anyway so it's not necessary.

Remove:

 *= require_tree .

edited May 23 '17 at 12:09

Community

1
1

answered Jan 11 '12 at 01:29

Rimian

36,864
16
117
117

3

Why the hell isn't this documented as such. Coming from .NET this is very confusing. I have to google for pretty much everything. :/ – Only Bolivian Here Feb 11 '12 at 23:48
Asset pipeline is pretty new and confusing to a lot of people. It will get easier :) – Rimian Feb 13 '12 at 20:20
Greate yar, You have saved my lots of time. – Jigar Bhatt Jan 20 '15 at 11:25

score 2 · Answer 3 · answered Jan 02 '12 at 17:54

I was having this same problem after installing SCSS. I fixed the problem by removing the defult comments that rails places in the header. So this:

/*
 * 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;
}

Became this:

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

Those "default comments" are called "directives" and without them, you will have to explicitly include and precompile your asset CSS files. Which might be OK for you but is not standard Rails these days. — AlexChaffee, Sep 10 '14 at 14:05
Correct. This was a couple of years ago I was having this issue. I'm not anymore and everything is working as expected. I'm pretty sure my problem was something I was doing wrong at the time. — Ken, Sep 10 '14 at 18:08

score 0 · Answer 4 · answered Mar 14 '15 at 17:28

0

Just name the application.css as "application.scss". This will solve your problem.

answered Mar 14 '15 at 17:28

NAVPREET SINGH

1

Sprockets::CircularDependencyError in Store#index

4 Answers4

Linked