Question

制作一个小型RoR应用程序并通过使用资产管理器导入引导程序遇到了一个有趣的问题。

非常简单，

在我的宝石文件中我有

source 'https://rubygems.org'
ruby '2.0.0'

gem 'rails', '4.0.5'
gem 'bootstrap-sass'
gem 'sprockets', '2.11.0'
gem 'bcrypt-ruby'
gem 'faker'
gem 'will_paginate'
gem 'bootstrap-will_paginate'
gem 'simplecov'

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

group :test do
  gem 'selenium-webdriver', '2.35.1'
  gem 'capybara', '2.1.0'
  gem 'factory_girl_rails'
  gem 'cucumber-rails', '1.4.0', :require => false
  gem 'database_cleaner', github: 'bmabey/database_cleaner'
end

gem 'sass-rails'
gem 'uglifier'
gem 'coffee-rails'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder'

group :doc do
  gem 'sdoc', '0.3.20', require: false
end

我创建了一个custom.css.scss文件，并添加了以下行：

@import "bootstrap";

问题是，我的IDE（Rubymine）告诉我，它无法解析引导程序的导入，但文件编译并运行。

然而，当启动服务器时，bootstrap只有一半工作，即应用了一些样式，但很多都没有。

我无法解决这个问题，除非我使用相对路径+ bootstrap文件夹，但我试图避免这种情况。

链接到下面的回购：

https://github.com/Oregand/RateMyCourseV2

Answer 1

尝试在 application.css

中添加一行

*= require bootstrap

前

*= require_tree .
*= require_self
*/

并删除

@import "bootstrap";

Answer 2

我通过做类似于Mario建议的事情解决了同样的问题，而不是

*= require bootstrap

我做了

*= require_bootstrap

与其他要求一样

并且导入已解决，尽管我的编辑给了我一行警告

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

Answer 3

在application.css.scss：

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

Do not use *= require_self and *= require_tree if you are using Sass.

@import“bootstrap”无法解析导入sass / scss

3 个答案: