簡體   English   中英

錯誤:要導入的文件未找到或不可讀:mycustom.scss。 running:rake assets:precompile

[英]Error: File to import not found or unreadable: mycustom.scss. running: rake assets:precompile

我有上述錯誤。 我已經看到很多問題,答案是“重啟rails服務器”。 但這不是我的情況,因為這不是rails服務器錯誤。

由於我的項目在Heroku中工作得不好(下拉列表不能正常工作),但在本地環境中做得非常好,我正在嘗試編譯所有資產,然后使用bundle exec rake assets:precompile進行部署bundle exec rake assets:precompile但它會拋出錯誤:

~/.rvm/rubies/ruby-1.9.3-p448/bin/ruby ~/.rvm/gems/ruby-1.9.3-p448@global/bin/rake assets:precompile:all RAILS_ENV=production RAILS_GROUPS=assets
rake aborted!
File to import not found or unreadable: mycustom.scss.
Load path: ~/RubyProjects/sample_app_2
  (in ~/RubyProjects/sample_app_2/app/assets/stylesheets/application.css)

我認為這是一個sass問題因此我運行bundle exec sass app/assets/stylesheets/mycustom.scss

但它會拋出錯誤:

Syntax error: File to import not found or unreadable: bootstrap
Load path: ~/RubyProjects/sample_app_2

所以我認為問題是引導程序不包含在項目的某個地方。 因為如果我跑

bundle exec sass ~/.rvm/gems/ruby-1.9.3-p448@scaffold-example/gems/bootstrap-sass-2.0.0/vendor/assets/stylesheets/_bootstrap.scss

它顯示了4000多行的CSS。

難道我做錯了什么?

我應該做點別的嗎?

這是我的Gemfile

  source 'https://rubygems.org'

  gem 'rails', '3.2.3'
  gem 'bootstrap-sass', '2.0.0'
  gem 'bcrypt-ruby', '3.0.1'
  gem 'sass-rails', '3.2.4'
  #gem 'bcrypt-ruby', '3.1.1.rc1', :require => 'bcrypt'
  #gem 'bcrypt-ruby', '3.1.0', :require => 'bcrypt'
  #gem 'bcrypt-ruby', git: 'https://github.com/codahale/bcrypt-ruby.git', :require => 'bcrypt'
  #gem 'bcrypt-ruby', git: 'git@github.com:hananamar/bcrypt-ruby.git', :require => 'bcrypt'
  #gem 'bcrypt-ruby', :require => 'bcrypt'

  group :development do
    gem 'sqlite3', '1.3.8'
    gem 'rspec-rails', '2.9.0'
    gem 'guard-rspec', '0.5.5'
    gem 'annotate', '~> 2.4.1.beta'
  end
  # Gems used only for assets and not required
  # in production environments by default.
  group :assets do

    gem 'coffee-rails', '3.2.2'
    gem 'uglifier', '1.2.3'
  end

  gem 'jquery-rails', '2.0.1'

  #Test gems on Linux
  group :test do
    gem 'rspec-rails', '2.9.0'
    gem 'capybara', '1.1.2'
    gem 'rb-inotify', '0.8.8'
    gem 'libnotify', '0.5.9'
    gem 'guard-spork', '0.3.2'
    gem 'spork', '0.9.0'
    gem 'factory_girl_rails', '1.4.0'
  end

  group :production do
    gem 'pg', '0.17.0'
  end


  #T#est gems on Windows
  #group :test do
  #  gem 'rspec-rails', '2.9.0'
  #  gem 'capybara', '1.1.2'
  #  gem 'rb-fchange', '0.0.5'
  #  gem 'rb-notifu', '0.0.4'
  #  #gem 'win32console', '1.3.0'
  #  gem 'guard-spork', '0.3.2'
  #  gem 'spork', '0.9.0'
  #  gem 'factory_girl_rails', '1.4.0'
  #end

和mycustom.scss

@import "bootstrap";

/* mixins, variables, etc. */
$lightGray: #999;
$grayMediumLight: #eaeaea;

@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* universal */

html {
  overflow-y: scroll;
}

body {
  padding-top: 60px;
}

section {
  overflow: auto;
}

textarea {
  resize: vertical;
}

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

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: $lightGray;
}

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

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
  line-height: 1;
  &:hover{
    color: #000;
    text-decoration: none;
  }

}

footer {
  margin-top: 45px;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 5px;
  border-top: 1px solid #eaeaea;
  color: $lightGray;

  a{
    color: #555;
    font-weight: bold;
    &:hover{
      color: $lightGray;
    }
  }

  small{
    float: left;
  }

  ul {
    float: right;
    list-style: none;

    li {
      float: left;
      margin-left: 10px;
    }

  }
}

/* sidebar */
aside {
  section {
    padding: 10px 0;
    border-top: 1px solid $grayLighter;
    &:first-child {
      border: 0;
      padding-top: 0;
    }
    span {
      display: block;
      margin-bottom: 3px;
      line-height: 1;
    }
    h1 {
      font-size: 1.6em;
      text-align: left;
      letter-spacing: -1px;
      margin-bottom: 3px;
    }
  }
}

.gravatar {
  float: left;
  margin-right: 10px;
}

/* miscellaneous */
.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}

/* forms */
input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  padding: 10px;
  height: auto;
  margin-bottom: 15px;
  @include box_sizing;
}

#error_explanation {
  color: #f00;
  ul {
    list-style: none;
    margin: 0 0 18px 0;
  }
}
.field_with_errors {
  @extend .control-group;
  @extend .error;
}

問題是sass沒有按原樣處理我的application.css。 不僅mycustom.css.scss文件失敗了,而且每個文件都有擴展名.scss。

我不得不將application.css重命名為application.scss

模板文件中包含的主要application.css.scss文件(/app/view/layouts/application.html.haml)必須位於文件夾 - / app / assets / stylesheets中。 我有一個奇怪的問題,郵件application.css.scss文件位於文件夾 - app / assets / stylesheets / new_site / application.css.scss中。

在我的application.css.scss文件中,我導入了bootstrap作為@import“bootstrap”; 找不到mixins / hide_text mixin。 將application.css.scss文件向上移動后,這解決了問題。

我正在使用Rails 3.2.1。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM