耙子中止！Sass::SyntaxError:未定义变量:“$alert-padding"

问题描述

我被困在 rails 应用程序的生产环境中，因为我的资产没有被编译.当我使用

I got stuck on production environment for rails application because my assets are not compiled. When I use

rvmsudo bundle exec rake assets:precompile RAILS_ENV=production --trace

它抛出 rake 中止！Sass::SyntaxError:未定义变量:$alert-padding"

这是我的 Gemfile:

Here is my Gemfile:

            source 'https://rubygems.org'
            gem 'rails', '4.2.3'
            gem 'mysql2', '~> 0.3.11'
            gem 'jquery-rails'
            gem 'jquery-ui-rails'
            gem 'sass-rails', '~> 5.0'
            gem 'bootstrap-sass', '~> 3.2.0'
            gem 'uglifier', '>= 1.3.0'
            gem 'coffee-rails', '~> 4.1.0'
            gem 'jbuilder', '~> 2.0'
            gem 'sdoc', '~> 0.4.0',          group: :doc
            gem 'haml'
            gem 'haml-rails'
            gem 'devise', github: 'plataformatec/devise'
            gem 'html2haml'
            gem 'simple_form'
            gem 'validates_formatting_of'
            gem 'tzinfo-data'
            gem 'therubyracer',  platforms: :ruby
            gem 'twitter-bootstrap-rails'
            gem 'jquery-validation-rails'
            gem 'sprockets-rails', :require => 'sprockets/railtie'
            gem 'jquery-turbolinks'

            gem 'paperclip'
            gem 'fancybox-rails'
            gem 'css3-progress-bar-rails'

            group :development do
              gem 'spring'
              gem 'pry-rails'
              gem 'better_errors'
            end

            group :development, :test do
              gem 'rspec-rails'
              gem 'factory_girl_rails'
            end

            gem 'delayed_job_active_record'

            # Need daemons to start delayed_job
            gem 'daemons'

            gem 'rails_config', '~> 0.4.2'
            gem 'cancan'
            gem 'two_factor_authentication'
            gem 'twilio-ruby'
            gem 'binding_of_caller'
            gem 'rest-client'

这是我的 porduction.rb

Here is my porduction.rb

  Rails.application.configure do
      config.cache_classes = true
      config.eager_load = true
      config.consider_all_requests_local       = false
      config.action_controller.perform_caching = true
      config.serve_static_files = true
      config.assets.js_compressor = :uglifier
      config.assets.css_compressor = :sass
      config.assets.compile = false
      config.assets.compress = false
      config.assets.digest = true
      config.log_level = :debug

      config.action_mailer.perform_deliveries = true
      config.action_mailer.delivery_method = :smtp
      config.action_mailer.raise_delivery_errors = true
      config.i18n.fallbacks = true
      config.active_support.deprecation = :notify
      config.action_mailer.default_url_options = { :host => Settings.PROD_URL }
      config.log_formatter = ::Logger::Formatter.new
      config.active_record.dump_schema_after_migration = false
    end

和 application.css:

And application.css:

    /*
    *= require_tree .
    *= require_self
    */

那么，为什么我的 rake 被中止了！Sass::SyntaxError: 未定义变量:编译时$alert-padding".我的作品可以运行，但没有加载 css.

So, why i am getting rake aborted! Sass::SyntaxError: Undefined variable: "$alert-padding" while compiling.My production works but no css is loaded to it.

推荐答案

$alert-padding 变量在被定义之前使用.可能是application.css中css文件顺序错误造成的.require_tree 按字母顺序加载当前文件夹中的所有文件(我猜)，但您需要按特定顺序加载一些样式.

$alert-padding variable is used before being defined. It may be caused by a wrong order of css files in application.css. require_tree loads all files from the current folder in alphabetical order (I guess), but you need some styles to loaded in specific order.

您似乎在使用 bootstrap-sass gem.考虑 gem 的自述文件中的以下说明:https://github.com/twbs/bootstrap-sass#a-ruby-on-rails 您需要将 application.css 重命名为 application.scss 并使用 @import 而不是 require.

It seems like you're using bootstrap-sass gem. Consider the following instruction from the gem's README: https://github.com/twbs/bootstrap-sass#a-ruby-on-rails You need to rename application.css to application.scss and use @import instead of require.

这篇关于耙子中止！Sass::SyntaxError:未定义变量:“$alert-padding"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！