RailsチュートリアルでSass::SyntaxError: File to import not found or unreadable: bootstrap-sprockets.が出たので解決策を探ってみた。

問題

・RailsチュートリアルにあるBootstrapが導入できない。

結論

・custom.scssから@import "bootstrap-sprockets";を削除する。

custom.scss

@import "bootstrap-sprockets"; ←この行を削除する
@import "bootstrap";

bootstrap3から4への移行方法について　(Rails5)
によると、@import "bootstrap-sprockets";という記述はbootstrap4からは必要がなくなっているようだ。

おそらく、rails-tutorialで想定しているのはbootstrap3でコードもそれを想定したものになっていたのかと。なんらかの理由でbootstrap4以上のバージョンが使用されていたため、(原因はよくわかっていません。)この記述があると、bootstrapがうまく起動しなかったのかなと思います。

解決するまでに行ったこと

・gem 'bootstrap-sass'を削除する。

・application.jsを作成して中身を書く。

sample_app/app/assets/stylesheets/application.js

//= require jquery3
//= require popper
//= require bootstrap

・gem 'jquery-rails'を入れる。

Gemfile

gem 'jquery-rails', '4.5.1'

今回のエラーで感じたこと

bootstrapについては知識が全くなくて、なんとなく動くようになっただけで今回は終わってしまった感じがしています。なので、cssやjavascriptの学習とbootstrapの公式ページの確認をこれからやれるといいのかなと思いました。

参考記事

bootstrap3から4への移行方法について　(Rails5)