Звездочки:: CircularDependencyError в Store # index

Я следую руководству Agile Web Development с Rails 4th edition, и у меня есть проблема с звездочкой css в rails 3.1.

Код css:

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

Если я изменяю код css app/assets/stylesheets/aplication.css.scss, я улавлю следующую ошибку:

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'

Я не понимаю, почему, если я изменяю значение поля или значение прокладки в файле aplication.css.scss, например, я получаю эту ошибку.

Большое спасибо.

Ответ 1

Вам следует удалить приложение/активы/таблицы стилей/application.css.

Ответ 2

У меня была аналогичная проблема:
Конвейер активов не прекомпилятор sass

Круговая зависимость происходит, когда файл манифеста требует файлов дерева. Сасс делает это так или иначе, так что это не нужно.

Удалить

 *= require_tree .

Ответ 3

У меня возникла такая же проблема после установки SCSS. Я исправил проблему, удалив ненужные комментарии, которые рельсы помещают в заголовок. Итак:

/*
 * 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 generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
*/

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

Стало следующим:

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

Ответ 4

Просто назовите application.css как "application.scss". Это решит вашу проблему.