Question

当我尝试在“styles.css”文件中使用sass命令时，它们不起作用。例如：

$navbarBackgroundHighLight: white;

rails版本：Rails 4.1.0， bootstrap版本：3.1.1.1， sass版本：Sass 3.3.7（Maptastic Maple）。

我已经尝试了一切。非常感谢任何帮助！

当我尝试将.scss添加到“styles.css”的末尾时，我得到：

页面#home中的Sass :: SyntaxError 显示C：/WINDOWS/code/code/app/views/layouts/application.html.erb第6行：

导入未找到或不可读的文件：bootstrap-responsive。加载路径： C：/ WINDOWS /代码/代码/应用/资产/图片 C：/ WINDOWS /代码/代码/应用/资产/ JavaScript的 C：/ WINDOWS /代码/代码/应用/资产/样式表 C：/ WINDOWS /代码/代码/供应商/资产/ Javascript角 C：/ WINDOWS /代码/代码/供应商/资产/样式表 C：/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/turbolinks-2.2.2/lib/assets/javascripts C：/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/bootstrap-sass-3.1.1.1/vendor/assets/fonts C：/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/bootstrap-sass-3.1.1.1/vendor/assets/javascripts C：/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/bootstrap-sass-3.1.1.1/vendor/assets/stylesheets C：/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/jquery-rails-3.1.0/vendor/assets/javascripts C：/RailsInstaller/Ruby1.9.3/lib/ruby/gems/1.9.1/gems/bootstrap-sass-3.1.1.1/vendor/assets/stylesheets （在C：/WINDOWS/code/code/app/assets/stylesheets/styles.css.scss：37）提取的来源（第6行）： 3 4 五 6 7 8 9

<head>
    <title>CODE</title>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
</head>

Rails.root：C：/ WINDOWS / code / code

应用程序跟踪|框架跟踪|完整追踪应用程序/资产/样式表/ styles.css.scss：37 app / views / layouts / application.html.erb：6：在`_app_views_layouts_application_html_erb ___ 669748780_8349660'

Answer 1

该文件应调用styles.css.scss才能正常工作

Answer 2

从 css 更改为 sass ，您可能需要重新组织文件（对于sass语法）。这是我application.css.scss顶部的内容：

/*
 *= require_self
 *= require_tree .
 */

@import "bootstrap";
@import "bootstrap/responsive";

您还必须检查Gemfile中是否正确声明了bootstrap gem：

gem 'bootstrap-sass'

希望这有帮助。

Sass命令不起作用，但它已经安装好了吗？

2 个答案: