Sass::SyntaxError 要导入的文件未找到或不可读：样式答案

【问题标题】：Sass::SyntaxError File to import not found or unreadable: styleSass::SyntaxError 要导入的文件未找到或不可读：样式
【发布时间】：2016-04-24 16:22:12
【问题描述】：

好的，所以我正在尝试引入一个引导主题，我想要引入的主题是 Raleway 主题，我已经将我的样式表从我的 application.html.erb 文件引入到我的 application.scss 文件中，如下所示

@import "bootstrap-sprockets";
@import "bootstrap";


@import "style";
@import "bootstrap-social";
@import "animate.min";
@import "owl.carousel";
@import "jquery.snippet";
@import "buttons";

@import "colors/blue";

@import "width-full";
@import "width-boxed";


@import "ionicons.min";
@import "ionicons";

@import "magnific-popup";
@import "font-awesome-sprockets";
@import "font-awesome";

@import "portfolio_helper";
@import "terms";

我的 gem 文件是这样的

gem "font-awesome-rails"
  gem 'bootstrap-sass', '~> 3.3.6'
  gem 'font-awesome-sass'

我的控制台中不断出现此错误，我不知道如何解决它

ActionView::Template::Error (File to import not found or unreadable: style.
Load paths:
  /Users/Development/style_me/app/assets/images
  /Users/Development/style_me/app/assets/javascripts
  /Users/Development/style_me/app/assets/stylesheets
  /Users/Development/style_me/vendor/assets/javascripts
  /Users/Development/style_me/vendor/assets/stylesheets
  /Users/.rvm/gems/ruby-2.2.2/gems/font-awesome-rails-4.6.1.0/app/assets/fonts
  /Users/.rvm/gems/ruby-2.2.2/gems/font-awesome-rails-4.6.1.0/app/assets/stylesheets
  /Users/.rvm/gems/ruby-2.2.2/gems/turbolinks-2.5.3/lib/assets/javascripts
  /Users/.rvm/gems/ruby-2.2.2/gems/jquery-rails-4.1.1/vendor/assets/javascripts
  /Users/.rvm/gems/ruby-2.2.2/gems/coffee-rails-4.1.1/lib/assets/javascripts
  /Users/.rvm/gems/ruby-2.2.2/gems/bootstrap-sass-3.3.6/assets/stylesheets
  /Users/.rvm/gems/ruby-2.2.2/gems/bootstrap-sass-3.3.6/assets/javascripts
  /Users/.rvm/gems/ruby-2.2.2/gems/bootstrap-sass-3.3.6/assets/fonts
  /Users/.rvm/gems/ruby-2.2.2/gems/bootstrap-sass-3.3.6/assets/images
  /Users/.rvm/gems/ruby-2.2.2/gems/font-awesome-sass-4.5.0/assets/stylesheets
  /Users/.rvm/gems/ruby-2.2.2/gems/font-awesome-sass-4.5.0/assets/fonts
  /Users/.rvm/gems/ruby-2.2.2/gems/bootstrap-sass-3.3.6/assets/stylesheets
  /Users/.rvm/gems/ruby-2.2.2/gems/font-awesome-sass-4.5.0/assets/stylesheets):
    2: <html>
    3: <head>
    4:   <title>StyleMe</title>
    5:   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
    6:   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
    7:   <%= csrf_meta_tags %>
    8: </head>
  app/assets/stylesheets/application.scss:5
  app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb___621181811976196065_70285942571180

这里到底出了什么问题？希望有人能帮忙

【问题讨论】：

请勿发布代码或错误的屏幕截图。
可能重复：stackoverflow.com/questions/7111610/…

标签： css ruby-on-rails twitter-bootstrap sass

【解决方案1】：

与其尝试将静态 css 导入 sass 文件，不如让资产管道管理静态文件。对于 jquery 插件的东西，你可以把它们放在 vendor/assets/stylesheets 中，对于你想要编辑的东西，比如 style.css，把它放在 app/assets/stylesheets 中

所以你的 application.css.scss 看起来更像

*= require style
*= require bootstrap-social
*= require animate.min
*= require owl.carousel
*= require jquery.snippet
*= require buttons
*= require colors/blue
*= require width-full
*= require width-boxed
*= require ionicons.min
*= require magnific-popup
*= require portfolio_helper
*= require terms


@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

【讨论】：

如果我这样做了，我会收到一个新错误，说“在“...trap-sprockets”之后的 CSS 无效”：预期的“{”，是“;””突出显示 @import“bootstrap-crockets” ; 在我的 application.scss 文件中
您的应用程序清单文件是名为 application.css.scss 还是 application.scss？
它是 application.css.scss 但我尝试了两种方式（使用 .css.scss 和 .scss），它给了我同样的错误