当我安装bootstrap并尝试刷新页面时，我收到了这个错误- Pages#home中的Sass::SyntaxErro

我做了一些研究，但回复往往缺乏解决问题的必要细节，或者是在没有解释的情况下发现了解决方案。例如，一个人"手动"检查了他的css。SCSS文件并发现了问题。我是新的编程，所以我不知道如何复制的过程。无论如何，这里是错误信息，以及我使用的代码:当我安装bootstrap并试图刷新页面时，我收到了这个错误。

Sass::SyntaxError in Pages#home

显示/用户/vrobles50/代码/omrails1/app/views/布局/application.html。第5行抬高的动词:

要导入的文件未找到或不可读:bootstrap。加载路径:Sass::Rails::Importer(/Users/vrobles50/code/omrails1/app/assets/stylesheets/styles.css.scss)(在/用户/vrobles50/代码/omrails1/app/资产/样式表/styles.css.scss)提取的源代码(第5行左右):

2: 
3:

4: One Month Rails1
5: <%= stylesheet_link_tag "application", :media => "all" %>
6: <%= javascript_include_tag "application" %>
7: <%= csrf_meta_tags %>
8: 
Rails.root: /Users/vrobles50/code/omrails1

Styles.css.scss:
@import 'bootstrap';
@import 'bootstrap-responsive';
************************************************
Gemfile:
source 'https://rubygems.org'
gem 'rails', '3.2.12'
gem 'jquery-rails'
group :production do
gem 'pg'
end
group :development, :test do
gem 'sqlite3'
end
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'uglifier', '>= 1.0.3'
gem 'bootstrap-sass', '~> 2.3.1.0'
end
************************************************
Application.html.erb:
<!DOCTYPE html>

One Month Rails1
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>

<%=render 'layouts/header' %>
<%= yield %>
<%=render 'layouts/footer' %>
    </body>

尝试使用@import 'bootstrap'。

// app/assets/stylesheets/application.sass
@import 'bootstrap'
@import 'application/*'

Where application应该是包含所有sass文件的目录app/assets/stylesheets/application/。

还有，正如您可能已经注意到的，应用程序。Sass会替换rails在创建项目时自动生成的application.css，所以确保你也导入了之前导入的文件。

在您的gemfile中放置了bootstrap-sass gem后，您在终端中运行bundle install了吗?然后需要重新启动服务器。你已经做过这些事情了吗?

现在我唯一注意到的是你的application.html.erb页面。所有东西都应该用html标签包装，而你的"One Month Rails1"不在任何标签内。下面是一个application.html.erb页面示例，以防您编辑了自己的页面并可能需要修复它:https://gist.github.com/flores8/5573450

相关内容

最新更新

热门标签：