railsでapplication.css以外のscssファイルが読み込めません。

Question

railsを学習中の身なのですが、アセットパイプラインがうまくいっていないのか、application.css以外のscssファイルが読み込めず、悪戦苦闘しています。どなたか解決方法をご教示お願い致します。

エラー文は以下の通りでした。

File to import not found or unreadable: bootstrap-sprockets.
Load paths:
  /home/ec2-user/environment/cording-test2/app/assets/config
  /home/ec2-user/environment/cording-test2/app/assets/images
  /home/ec2-user/environment/cording-test2/app/assets/javascripts
  /home/ec2-user/environment/cording-test2/app/assets/stylesheets
  /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/coffee-rails-4.2.2/lib/assets/javascripts
  /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/jquery-rails-4.4.0/vendor/assets/javascripts
  /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/actioncable-5.1.7/lib/assets/compiled
  /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/actionview-5.1.7/lib/assets/compiled
  /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/turbolinks-source-5.2.0/lib/assets/javascripts
  /home/ec2-user/environment/cording-test2/node_modules
  /home/ec2-user/.rvm/gems/ruby-2.6.3/gems/popper_js-1.16.0/assets/javascripts

このエラーに遭遇するまでの主な変更点、追加点は

application.css

@import "bootstrap-sprockets";
@import "bootstrap";
/*
 *= require_tree .
 *= require_self
 */

introduce.scss

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

application.js

//= require rails-ujs
//= require turbolinks
//= require_tree .
//= require jquery3
//= require popper
//= require bootstrap-sprockets

Gemfile

gem 'bootstrap', '~> 4.1.1'
gem 'jquery-rails'

以上に、コントローラの追加くらいで他にはほぼ変更点はありません。

また、bootstrap4も適応されていなくて、泣きっ面に蜂状態です。
この不肖の身に知恵を授けてくださるとうれしいです。

railsのversionは5.1.7
rubyのversionは2.6.3です。

Answer 1

application.scssのrequireを削除したら解決し、別の問題が発生したため解決済みにします。