railsでのエラー

Question

前提・実現したいこと

プログラミング初学者です。
現在、現場で使えるRuby on Rails5速習実践ガイドに沿って学習をしています。
3-1の部分でエラーがでます。
参考書では、application.cssを削除してapplication.scssを作成し、自動生成されるapplication.cssを読み込むという風になっていました。
また、エラーがでている部分を削除するとエラーがでずに表示することができたのですが、削除する以外で解決方法はないでしょうか。

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

Sprockets::Rails::Helper::AssetNotFound in Tasks#index
Showing /home/kei/taskleaf/app/views/layouts/application.html.slim where line #9 raised:

The asset "application.css" is not present in the asset pipeline.
Extracted source (around line #9):
7    = csp_meta_tag
8
9　　= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
10   = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
11  body
12　.app-title.navbar.navbar-expand-md.navbar-light.bg-light
              
 

該当のソースコード

＝＝application.html.slim＝＝
doctype html
html
  head
    title
      | Taskleaf
    = csrf_meta_tags
    = csp_meta_tag
    
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
  body
    .app-title.navbar.navbar-expand-md.navbar-light.bg-light
      .navbar-brand Taskleaf
    .container
    = yield


＝＝application.scss＝＝
@import "bootstrap";

試したこと

・エラーがでている部分を削除
・ファイル名の確認

補足情報（FW/ツールのバージョンなど）

Rails 5.2.4.3
ruby 2.5.8
Ubuntu 20.04

Answer 1

「Ruby on Rails5速習実践ガイド」は見ていませんが
「application.cssを削除してapplication.scssを作成し、自動生成されるapplication.cssを読み込む]

はおかしいですね。削除したものは読み込めません。
ガイドが間違えているか、それよりも多分読み間違いでしょう。

Comments

[kei__3]

application.scss(を通じて自動的に生成されるapplication.css)がアプリケーション内の各画面のHTMLから呼ばれるようにすることで、Bootstrapのデザインが当たった状態にできる、となっています。そして、application.html.slimでapplication.cssを読みこみ反映させるとなっています。

[winterboum]

ああ、こういうことを言っているのかな
application.scss　が　application.css に変換されます。
実際は application_うんと長い16進文字列.css ですが。
それを application.html.slim　で　
= stylesheet_link_tag 'application', media: 'all'
で取り込むから 各viewに反映される。

であるなら、削除したのが正しいです。
「application.cssを削除してapplication.scssを作成し『サーバー起動時に』自動生成されるapplication.cssを『layout/application.htmlが』読み込む」　と『　』を補って読んでください。

[winterboum]

『サーバー起動時に』　はちょっと違いますがま、これで

[kei__3]

そうなのですね。ありがとうございます。どのようにすればエラーが解決できますかね？

[winterboum]

application.scss　載せてください

[kei__3]

@import "bootstrap";

のみです。

[winterboum]

ん？　それでエラーになる？
あ！　The asset "application.css" is not present in the asset pipeline.　か。
1. config/initializers/assets.rb ってある？
2. Gemfile　に　gem 'sass-rails', '~> 5.0'　ってある？

[kei__3]

両方あります。
実は、一回参考書に従ってこの部分は何事もなく、突破して進んで、別の場所のミスに気が付いて、フォルダごと消して現在、やり直している状態でこのエラーがでたのですが、なにか関係ありますかね？

[kei__3]

サンプルコードのコピぺをとっても変わらず、このエラーを放置して参考書を進めると別のエラーがでてきて、そのエラーを解決すると参考書通りにcssも反映されてできました。具体的な解決方法がわからないので未解決のままにしておきます。回答ありがとうございました。