web-dev-qa-db-ja.com

Sass :: SyntaxError：インポートするファイルが見つからないか判読できない：bootstrap-sprockets

展開時に、開発および本番環境でこのエラーが突然発生します。

custom.css.scss

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

エラー（生産中）

rake aborted!
Sass::SyntaxError: File to import not found or unreadable: bootstrap-sprockets.
Load paths:
/srv/www/myapp/releases/20141001060418/app/assets/images
/srv/www/myapp/releases/20141001060418/app/assets/javascripts
/srv/www/myapp/releases/20141001060418/app/assets/stylesheets
/srv/www/myapp/releases/20141001060418/vendor/assets/javascripts
/srv/www/myapp/releases/20141001060418/vendor/assets/stylesheets
ruby-on-railstwitter-bootstrap
53
complete_morons

Gemfileに変更を加えた後、Rails sでサーバーを再起動することを忘れないでください

Railsサーバーの再起動は魅力的でした！ ：D

89
Sergiu

Bootstrap-sassをアップグレードしてこの問題を解決しました

gem 'bootstrap-sass', '3.2.0.2'
28
flexus

Gemfileを変更するたびに、Railsサーバーを再起動してください

Rails server
13
Azlan Jamal

持っていないことを確認してください

gem 'bootstrap'  # Remove this line
gem 'bootstrap-sass'

それだけである必要があります

gem 'bootstrap-sass'
9
Mark Swardstrom

次の手順で解決しました。

  1. リストアイテム
  2. 「app/assets/stylesheets /」に「bootstrap.css」をコピーします（欠落していました）
  3. gem install autoprefixer-Rails（Gemfileも変更）
  4. gem install sprockets（Gemfileも変更）
  5. バンドルインストール
  6. サーバーの再起動（ページの更新だけではありません）
5
Vitalie Suba

これが問題の解決方法です。

Sass Githubページのブートストラップ に移動し、指示に従います：

  1. Gemfileに次を追加します

    gem 'bootstrap-sass'、 '〜> 3.3.6' gem 'sass-Rails'、 '> = 3.2'

  2. コマンドbundle installを実行します

  3. サーバーを起動/再起動します

    Rails s

また、ファイルの拡張子が.scss（またはSass構文の場合は.sass）であることを確認してください。新しいRailsアプリを生成したばかりの場合、代わりに.cssファイルが付属する場合があります。このファイルが存在する場合、Sassの代わりに提供されるため、名前を変更します。次に、すべての* = require_selfおよび* = require_treeを削除します。 sassファイルからのステートメント。代わりに、@ importを使用してSassファイルをインポートします。

3
Adrian Onu

私は同じ行動を観察しました。私の場合、gem「bootstap-sass」のバージョンを削除しましたが、動作しました。問題を引き起こしていたgemバージョンとの互換性の問題がある可能性があります。

宝石ファイル

gem 'bootstrap-sass'

Gemファイルに変更を加えた後、次のコマンドを実行します。

bundle install

サーバーが既に実行されている場合は、「CTRL + C」で停止し、サーバーを再起動します

Rails s
2
Deep Mistry

Gemfileにbootstrap-sass gemを追加し、sass-Rails gemが存在することを確認する必要があります-これはデフォルトで新しいRailsアプリケーションに追加されます。

gem 'bootstrap-sass', '3.3.7'
gem 'sass-Rails', '5.0.6'
gem 'Rails', '5.0.0'

サーバーをバンドルインストールして再起動し、パイプラインを介してファイルを使用できるようにします。 app/assets/stylesheets/application.scss：でBootstrapスタイルをインポートします

// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"
@import "bootstrap-sprockets";
@import "bootstrap";

アイコンフォントを機能させるには、bootstrapの前にbootstrap-sprocketsをインポートする必要があります。ファイルの拡張子が.scss（またはSass構文の場合は.sass）であることを確認してください。新しいRailsアプリを生成したばかりの場合、代わりに.cssファイルが付属する場合があります。このファイルが存在する場合、Sassの代わりに提供されるため、名前を変更します。

$ mv app/assets/stylesheets/application.cssTO：app/assets/stylesheets/application.scss

次に、すべての*= require_selfおよび*= require_tree .ステートメントをsassファイルから削除します。代わりに、@importを使用してSassファイルをインポートします。 e.g

*= require_tree .
*= require_self

To：

@import require_tree .
@import require_self

Sassで*= requireを使用しないでください。使用すると、他のスタイルシートがBootstrapミックスインまたは変数にアクセスできなくなります。 Bootstrap JavaScriptはjQueryに依存しています。 Rails 5.1+を使用している場合は、jquery-Rails gemをGemfileに追加します。

gem 'jquery-Rails'

$ bundle install

次のBootstrap Javascriptが必要

app/assets/javascripts/application.js：

//= require jquery
//= require bootstrap-sprockets

bootstrap-sprocketsとbootstrapの両方を含めることはできません

application.js

。 bootstrap-sprocketsは個別のBootstrap Javascriptファイル（たとえば、alert.jsまたはdropdown.js）を提供し、bootstrapはすべてのBootstrap Javascriptを含む連結ファイルを提供します。

これはエラーを修正します

Copied @github
2
Godwin

同じ問題があった

sass::syntaxerror: file to import not found or unreadable: config/variables.

、新しいcssファイルを開き（custom.cssと呼びます）、すべてのcssをファイルにコピーしました。 application.cssで私は削除しました

@import "config/variables"と他のすべての@imports

これは私のために働いた、私もそれがあなたのために働くことを願っています！

1
Linda Kadz

これをgemファイルに入れます

gem 'bootstrap-sass', '~> 3.3.5'
gem 'sass-Rails', '>= 3.2'

次に$ bundle installを実行します

サーバーを再起動します。

1
Nitish Kumar

統合テストの実行時にこのメッセージが表示される場合は、アセットgemがテストグループに含まれていることを確認してください。

たとえば、次を変更します。

group :assets do gem 'sass-Rails', '~> 5.0.3' gem 'uglifier', '>= 1.3.0' end

に：

group :assets, :test do gem 'sass-Rails', '~> 5.0.3' gem 'uglifier', '>= 1.3.0' end

1
technicalpickles

このエラーは主にRails 3.2.xバージョンで発生します。 Railsバージョン3.2を使用している場合、gemファイルで以下のような特別なバージョンを指定する必要があります。

gem 'Rails', '3.2.0'
gem 'bootstrap-sass', '3.2.0.2'

Rails -v '3.2.0'の問題を解決します

1
meOn

このgemをGemfileに追加した後、次のコマンドを実行して、これをGemfileに入れてください。

    gem "bootstrap-sprockets", "~>3.3"
    gem "bootstrap"

サーバーを停止して、次を実行します。

    bundle install
    Rails server

サーバーを再起動します。ブラウザを更新すると、変更がすぐに反映されます。本番環境では、このコマンドを実行してアセットをプリコンパイルする必要がある場合があります。

    bundle exec bin/rake assets:precompile

それは私のために働いた。これがお役に立てば幸いです。

0
Paa Yaw

私は同じ問題を抱えていましたが、解決しました。次のように開発グループにgem bootstrap-sassを追加するだけです。

    group :development do
    gem 'bootstrap-sass'
    end

これが役立つことを願っています

0
AREEBAISHTIAQ

私も開発環境で同様のエラーに直面していました：

エラー画像

この問題を解決したのは

  1. Gemfileに追加しました-

    gem 'bootstrap'、 '〜> 4.2.1'

    gem 'jquery-Rails'

  2. Application.jsファイルで、これらを追加します-

    // = jquery3が必要

    // =ポッパーが必要

    // =ブートストラップスプロケットが必要

  3. 。scss拡張子を持つファイルに、単に追加-

    @ import "bootstrap";

    その後、bundle installを実行するだけです

0
hardik chugh