Rails 6 таблиц стилей и sass не загружаются

Question

У меня есть новое приложение spree rails 6, и я не могу получить ни один из sass-файлов для компиляции. Вот мой assets/stylesheets файл:

stylesheets

  app
     _file.scss
     _another_file.scss

  mixins
     _mix-media-queries.scss
     _mix-general.scss

  modules
     _modules_file.scss

  application.css

  style.scss

application.css:

 *= require_tree .
 *= require_self
 *= require ./style

style.scss:

@import "mixins/_mix-media-queries";
etc...

Но когда я загружаю страницу, это дает мне эта ошибка: Error: Undefined variable: "$color-dark-red". Какая переменная в файле mixins.

_head.html.erb:

<title><%= title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<%== meta_image_data_tag %>
<%== meta_data_tags %>
<%= canonical_tag(current_store.url) %>
<%= favicon_link_tag 'favicon.ico' %>
<%= stylesheet_link_tag 'spree/frontend/all', media: 'screen', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_link_tag "application", media: "all" %>
<%= csrf_meta_tags %>
<%= render 'spree/shared/paths' %>
<%= javascript_include_tag 'spree/frontend/all', defer: true, 'data-turbolinks-track': 'reload' %>
<%= yield :head %>

Это так расстраивает, что я не могу загрузить глупые стили! Я новичок в рельсах 6, это новый рельс 6 с конвейером активов?

Answer 1

Директивы Sprockets плохо работают с SASS.

Когда вам требуются файлы SASS со звездочками, они будут посылать файлы через компилятор SASS один за другим, а затем объединять результаты вместе. Конечно, это взрывается, как только один из ваших файлов SASS ссылается на переменную, include или функцию, объявленную в любом другом файле.

Вам необходимо изменить расширение application.css на .scss и Используйте только директивы SASS @import, которые сообщают компилятору SASS извлекать другой файл.

Это новая функция rails 6 с конвейером ресурсов?

Нет. Это относится к предыдущим версиям Rails и как SASS C, так и к старому Ruby Sass Compiler.

См .:

• https://github.com/rails/sass-rails#important -примечание