CSS,画像が反映されない問題を解決したい

Question

instagramのような簡易アプリを作成しています。
Bootstrap導入後にcssが反映されない,画像がうまく表示されない問題が発生していて解決したいです。

投稿ボタンの左にlogo.png右にparts3.pngの画像を表示したい。

またイメージのURLをcom+クリックでリンク先を表示しようとするとイメージの読み込み中にエラーが発生しましたと表示されます。
imagesに配置している画像は問題はないように思います。

環境 rails 6.0.0
bootstrap 5.0.0
jquery 3.6.0
popperjs 2.9.2
webpacker 4.0

Comments

[gpsoft]

railsやwebpackに詳しくないので、ズバリ回答できないのですが、
scssファイルの url("~logo.png") というのが怪しい気がします。

私なら、ChromeのDeveloper toolsを使って、画像のbackground-imageを確認してみます。
で、もしurlが正しくない場合は、正しいurlになるよう、scssファイルを修正します。

当てずっぽうで試すなら、url("~images/logo.png") とか url("~/images/logo.png") あたりですかね。

[Im_Riku]

ご回答いただきありがとうございます。
chromeのdeveloper toolsを使用し確認したところbackground-imageに該当するものが出てこなかったので、当てずっぽうで試してみたのですがどちらも画像がでてきませんでした。
この他になにか方法はあるのでしょうか？

[gpsoft]

Developer toolsのElementsタブの基本的な使い方は、分かりますか?
普通なら左側にhtmlが表示されるので、当該要素(そこに画像が表示されるはずの要素)を選択してください。
すると、右側に、その要素に適用されているスタイルが表示されます。
その中に、background-imageが無いでしょうか?
無いとすると、htmlとcssのセレクタが噛み合ってないんだと思います。

[winterboum]

これまだ回答求めてます？
もしそうでしたら、画像でなくtextで貼ってください。
文字が潰れて読めないので