Ruby on rails Rails:要导入的文件找不到或不可读:";“引导”;

Ruby on rails Rails:要导入的文件找不到或不可读:";“引导”;,ruby-on-rails,twitter-bootstrap,Ruby On Rails,Twitter Bootstrap,我对编程比较陌生,因此我希望这个问题不是绝对愚蠢的 我的rails应用程序有问题 我尝试使用引导。我构建了一个名为“custom.css.scss”的文件,并在其中使用了“@import”bootstrap”行 问题是:每次我保存“custom.css.scss”文件时,都会自动生成一个新文件“custom.css”,并收到以下消息:“custom.css.scss导入文件未找到或无法读取:引导” 有趣的是:当我删除文件“custom.css.scss”并刷新浏览器时,一切都很好(这意味着使用了

我对编程比较陌生,因此我希望这个问题不是绝对愚蠢的

我的rails应用程序有问题

我尝试使用引导。我构建了一个名为“custom.css.scss”的文件,并在其中使用了“@import”bootstrap”行

问题是:每次我保存“custom.css.scss”文件时,都会自动生成一个新文件“custom.css”,并收到以下消息:“custom.css.scss导入文件未找到或无法读取:引导”

有趣的是:当我删除文件“custom.css.scss”并刷新浏览器时,一切都很好(这意味着使用了引导)

你知道原因是什么吗

亲切的问候 克里斯

注意:这是我安装的gem文件

source 'https://rubygems.org'

gem 'rails', '3.2.11'
gem 'bootstrap-sass', '2.1'
gem 'bcrypt-ruby', '3.0.1'
gem 'faker', '1.0.1'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.6'
gem 'jquery-rails', '2.0.2'

group :development, :test do
  gem 'sqlite3', '1.3.5'
  gem 'rspec-rails', '2.11.0'
  # gem 'guard-rspec', '1.2.1'
  # gem 'guard-spork', '1.2.0'  
  # gem 'spork', '0.9.2'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '3.2.5'
  gem 'coffee-rails', '3.2.2'
  gem 'uglifier', '1.2.3'
end

group :test do
  gem 'capybara', '1.1.2'
  gem 'factory_girl_rails', '4.1.0'
  gem 'cucumber-rails', '1.2.1', :require => false
  gem 'database_cleaner', '0.7.0'
  gem 'launchy', '2.1.0'
  # gem 'rb-fsevent', '0.9.1', :require => false
  # gem 'growl', '1.0.3'
end

group :production do
  gem 'pg', '0.12.2'
end
custom.css.scss文件如下所示

@import "bootstrap";

/* universal */

html {
    overflow-y:scroll
}

body {
    padding-top: 60px
}

section {
    overflow: auto;
}

textarea {
    resize: vertial;
}

.center {
    text-align: center;
}

.center h1 {
    margin-bottom: 10px;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
    line-height: 1
}

h1 {
    font-size: 3em;
    letter-spacing: -2px;
    margin-bottom: 30px;
    text-align: center;
}

h2 {
    font-size: 1.7em;
    letter-spacing: -1px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: normal;
    color: #999;
}

p {
    font-size: 1.1em;
    line-height: 1.7em;
}

我有一个类似的问题,我将文件类型从css更改为scss。我敢打赌,如果您从文件名中删除“.css”,它会起作用。

我也遇到了同样的问题,通过将引导sass和sass rails版本修复为:

gem 'sass-rails', '~> 3.2'
gem 'bootstrap-sass', '~> 2.3.1.0'

然后
捆绑安装
并重新启动服务器。

我只想通过我的解决方案作为参考。我今天也遇到了这个问题。 如果您还将emacs与scss模式一起使用,可能会有所帮助。默认情况下,当您保存scss文件时,emacs将自动编译这些scss文件并创建一个响应的.css文件。然后您只需要删除这些.css文件。或者将下面的代码作为永久性修复放在.emacs中

(setq scss-compile-at-save nil) ;; disable the auto-compilation

我有一个类似的问题,看到了哈巴克斯的解决方案,并首先尝试了最后一步

我刚刚重新启动了服务器。

这就足够了。希望对您有所帮助。

我在我的scss文件中遇到了同样的问题:“要导入的文件找不到或无法读取:引导”。我刚刚解决了这个问题,将的require语句“bootstrap sass”添加到config.ru文件中。我的config.ru如下所示

# This file is used by Rack-based servers to start the application.

require ::File.expand_path('../config/environment',  __FILE__)
require 'bootstrap-sass' #require statement of bootstrap-sass
run Rails.application

在新应用程序中遇到相同的问题,但重新启动开发服务器解决了该问题。

面临相同的问题。我将custom.css.scss重命名为custom.css 我在Gemfile中指定了ruby的版本。和捆绑安装。 就我而言:
ruby“2.0.0”

我在使用bootstrap4开发Rails 6应用程序时遇到了类似的问题

问题是我没有在我的
app/assets/stylesheets/application.scss
文件中指定
bootstrap.scss
文件的节点模块完整路径

使用此命令安装引导程序4及其依赖项后:

yarn add bootstrap jquery popper.js
我需要做的就是从以下位置修改它:

@import "bootstrap";

然后,您可以通过以下方式将require添加到
app/javascript/packs/application.js
文件中:

require("bootstrap");
就这些


我希望这有帮助

您能发布一下您在哪里导入的
custom.css.scss
的样子吗?当然。它看起来是这样的:@import“bootstrap”;/*通用/html{overflow-y:scroll}正文{填充顶部:60px}节{overflow:auto;}文本区域{resize:vertial;}。中心{文本对齐:中心;}。中心h1{页边距底部:10px;}/排版*/h1,h2,h3,h4,h5,h6{线条高度:1}h1{字体大小:3em;字母间距:-2px;页边距底部:30px;文本对齐:居中;}h2{字体大小:1.7em;字母间距:-1px;页边距底部:30px;文本对齐:居中;字体重量:正常;颜色:#999;}p{字体大小:1.1em;线条高度:1.7em;}是否运行“捆绑安装”在编辑您的GEM文件并重新启动rails服务器后?是的,我都做了。但它不起作用…我发现了其他一些东西,这很奇怪。每次我添加一个名为“test”的新控制器时,rails都会在样式表目录中建立两个文件:test.css和test.css.scss
require("bootstrap");