【Ruby On Rails 第六章】　Bootstrap及びcssが反映されない。

質問

Bootstrap及びcssが反映されない状況です。

インターネットで調べたところ、Bootstrapやcssは

todo_appappassetsstylesheets にファイルを作成するとの事ですが、テキストでは

todo_appappjavascriptstylesheets にファイルを作成する指示があります。

試しに todo_appappassetsstylesheets にcssのファイル(my_style.scss)を移動させたところcssの反映はされました。

ですが、Bootstrapの内容は反映されていません。

※6章では、「ボタン」や「ヘッダーのアイコン」などをBootstrapを使用して設定していますが、反映できていません。（表示されません。）

Bootstrapやcssが反映されない原因が分かりますでしょうか。

関連しているか不明ですが、application.html.erb ファイルの9行目あたりに記載されている

<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> ですが、これがあるとエラーが発生してしまう為、この1行を削除しています。 エラー画像↓↓  VS-Codeの画像↓↓  削除してエラーが消えた実行画像↓↓ ※cssは、 todo_appappassetsstylesheetsに移動させています。  お手数をおかけしますが、何卒宜しくお願い致します。
解決済み 0
, ギダイ 2023-05-30T22:52:59+09:00 1 回答 285 表示

回答 ( 1 )

  1. Staff
    2023-06-09T21:30:39+09:00
    返信 
    Bootstrap や CSS の置き場所は webpack のバージョンによって異なります。
そのためおそらく webpack のバージョンが異なっているもしくは、application.html.erb ファイルの9行目で出ているエラーを見る限り webpacker のコンパイルが正常に終了していないものと思われます。

まずは以下のコマンドを一つずつ実行してみていただけますでしょうか。
rails webpacker:install
rails webpacker:compile

参考記事としては以下となります。
https://qiita.com/ginger-yell/items/8584e9149496940ea144

よろしくお願いいたします。
    ベストアンサー

回答する

申し訳ありません。現在回答の投稿を停止しています。