railsアプリ作成中にbootstrapを導入したら、エラーが解決できなくなった。

Question

前提・実現したいこと

bootstrapを導入したrailsアプリを作成中にviewからスタイルシートを読み込もうとした際、以下のエラーが発生し解決できません。

発生している問題・エラーメッセージ

コンソールに表示されたエラー

ActionView::Template::Error (The asset "application.css" is not present in the asset pipeline.):
     5:       | Taskleaf
     6:     = csrf_meta_tags
     7:     = csp_meta_tag
     8:     = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
     9:     = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
    10:   body
    11:     .app-title.navbar.navbar-expand-md.navbar-light.bg-light

app/views/layouts/application.html.slim:8:in `_app_views_layouts_application_html_slim__1527064433668294021_70271311837180'

ブラウザ側では「Sprockets::Rails::Helper::AssetNotFound in Tasks#index 」というエラーが表示されました。

試したこと

app/assets/stylesheetsにapplication.scssファイルを作成し@import "bootstrap";を記述しましたが、同じエラーが吐き出されて、効果はありませんでした。
同様にapplication.cssファイルを作成しましたが、効果はありませんでした。

また、stylesheet_link_tagの部分をコメントアウトした際には、エラーが表示されなくなりました。

補足情報

開発環境
Rails 5.2.3
ruby 2.5.1
bootstrap 4.3.1

Answer 1

自己解決しました
今まではbootstrap導入後、コンソール上で

$rm app/assets/stylesheets/applicatio.css

と入力し、既存のapplication.cssファイルを削除後、新たにapplication.scssファイルを作成していたのですが
これを削除せずに、ファイルの名前だけ.cssから.scssに変更するようにしたところ、問題のエラーが発生しなくなりました。

Answer 2

この辺りが似たような記事だったりします。
railsでapplication.css以外のscssが反応しない
application.scssにrequireなんちゃらを記述する際にエラーが出てしまった場合の解決方法
Rails での適切な Sass の構成手法について（翻訳）

application.cssをapplication.css.scssとするのがいいかな、と思います。

Comments

[hijituzai]

回答ありがとうございます。
ただ、上記の記事に記された方法を試してみたり、application.cssをapplication.css.scssに変更してみたりしましたが、効果はなく、エラーの内容についても変化がありませんでした…

また、書き忘れていたことですが、今回作成中のrailsアプリはこちら(https://book.mynavi.jp/supportsite/detail/9784839962227.html　)のサイトの「Chapter3の完成ファイル」を参考にしています。