ReactアプリをFirebase HostingにデプロイするとFailed to load resourcesのエラーが出て空白ページが表示される。

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

オリジナルで作成したReactアプリをFirebaseを使ってデプロイしようと試みており、ターミナル上では「Deploy Complete!」と表示されましたが、いざ生成されたURLに行ってみると、真っ白な空白のページが表示されているだけでした。
そこで、Chromeのデベロッパーツールで検証してみると、以下のようなエラーが表示されていました。

エラーの内容を見てみると、何かしらのリソースがうまく読み込まれていないようなのですが、原因が特定できません。
色々とエラー内容の解決策を検索してみましたが、これといって当てはまるようなものは見つけられませんでした。

該当のソースコード

以下に関連すると思われるファイル内容を添付します。
firebase.json

json
1{
2  "hosting": {
3    "public": "build",
4    "ignore": [
5      "firebase.json",
6      "**/.*",
7      "**/node_modules/**"
8    ]
9  }
10}

public/manifest.json

json
1{
2  "short_name": "React App",
3  "name": "Create React App Sample",
4  "icons": [
5    {
6      "src": "favicon.ico",
7      "sizes": "64x64 32x32 24x24 16x16",
8      "type": "image/x-icon"
9    },
10    {
11      "src": "logo192.png",
12      "type": "image/png",
13      "sizes": "192x192"
14    },
15    {
16      "src": "logo512.png",
17      "type": "image/png",
18      "sizes": "512x512"
19    }
20  ],
21  "start_url": ".",
22  "display": "standalone",
23  "theme_color": "#000000",
24  "background_color": "#ffffff"
25}
26