rails s実行後のCSSが反映されないエラー

#rails s実行後のCSSが反映されない

今、railsを用いてポートフォリオを開発しているのですが
突然、rails sを実行後のアクセスしたページにて
CSSが反映されなくなりました。

masterブランチでは反映されておりましたが
別ブランチで開発進めて上記エラーが発生したので
masterブランチでも試したところ、こちらでもCSSが反映されなくなりました。

ネット上で調べたのですが
ブラウザのキャッシュを削除したりなどしましたが
改善されませんでした。

お忙しいとは思いますが
どなたかご教授頂けますと幸いです。

宜しくお願い致します。

js
1// This file is automatically compiled by Webpack, along with any other files
2// present in this directory. You're encouraged to place your actual application logic in
3// a relevant structure within app/javascript and only use these pack files to reference
4// that code so it'll be compiled.
5
6import Rails from '@rails/ujs';
7Rails.start();
8require("turbolinks").start();
9require("@rails/activestorage").start();
10require("channels");
11
12import 'bootstrap';
13import '@fortawesome/fontawesome-free/js/all';
14import '../src/application.scss';
15import '../src/custom.scss';
16
17
18// Uncomment to copy all static images under ../images to the output folder and reference
19// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
20// or the `imagePath` JavaScript helper below.
21//
22// const images = require.context('../images', true)
23// const imagePath = (name) => images(name, true)
24

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Webapp</title>
5    <%= csrf_meta_tags %>
6    <%= csp_meta_tag %>
7
8    <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
9    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
10  </head>
11
12  <body>
13    <%= render 'layouts/header' %>
14    <%= yield %>
15    <%= render 'layouts/footer' %>
16  </body>
17</html>
18