【问题标题】:@import "bootstrap" Cannot resolve import into sass/scss@import "bootstrap" 无法解析导入到 sass/scss
【发布时间】:2014-08-24 17:29:50
【问题描述】:

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

很简单,

在我的 gem 文件中,我有

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) 告诉我它无法解析引导程序的导入,但文件可以编译并运行。

但是,当启动服务器时,引导程序只能工作一半,即应用了一些样式,但很多没有。

我不知道如何解决这个问题,除非我使用相对路径 + 引导文件夹,但我试图避免这种情况。

链接到下面的回购:

https://github.com/Oregand/RateMyCourseV2

【问题讨论】:

  • 今天早上我决定尝试使用相对路径,只是为了确认引导程序本身可以工作。但是,当我这样做时,它似乎对实际的引导程序没有任何影响。我发现,管道似乎不是问题,而是引导程序本身。
  • 好吧,我想知道是否有人找到了解决方案。

标签: ruby-on-rails ruby twitter-bootstrap asset-pipeline


【解决方案1】:

尝试在 application.css 中添加一行

*= require bootstrap

之前

*= require_tree .
*= require_self
*/

并删除

@import "bootstrap";

【讨论】:

  • 我试过了,但它给了我与简单地使用 @import 相同的结果
【解决方案2】:

我通过做类似于马里奥建议的事情解决了同样的问题,但不是

*= require bootstrap

我做到了

*= require_bootstrap

和其他要求一样

尽管我的编辑器对这些行发出警告,但导入已解决

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

【讨论】:

    【解决方案3】:

    application.css.scss:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-10-17
      • 2018-08-29
      • 2020-02-11
      • 2021-04-25
      • 2016-01-25
      • 2013-04-06
      • 2018-03-14
      相关资源
      最近更新 更多