解決したいこと

Herokuでデプロイを行った後にwebアプリケーションを開くと
エラーが発生しました。

エラーログを確認するために
roku logs --tail --app <<アプリケーション名>>を
ターミナルで以下の記録が返ってきました。

ActionView::Template::Error (Webpacker can't find application in /app/public/packs/manifest.json. Possible causes:
 1. You want to set webpacker.yml value of compile to true for your environment
unless you are using the `webpack -w` or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
 {
"application.js": "/packs/js/application-3b717d4f685baae37f2b.js",
"application.js.map": "/packs/js/application-3b717d4f685baae37f2b.js.map",
"entrypoints": {
 "application": {
"js": [
 "/packs/js/application-3b717d4f685baae37f2b.js"
 ],
 "js.map": [
 "/packs/js/application-3b717d4f685baae37f2b.js.map"

5:     <%= csrf_meta_tags %>
 6:     <%= csp_meta_tag %>
 7:     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
  8:     <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
  9:     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
 <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
 <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
app/views/layouts/application.html.erb:8

長文で申し訳ありません。
views/layouts/application.html.erbの中の
どこかの記述がおかしくてエラーが起きているのかなと
思っているのですがどのあたりでエラーが起こっているのか
わかりません。
どなたかこれはどのようなエラー内容なのか、
どうアプローチしていけば解決するのかお教え頂けないでしょうか。

views/layouts/application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>Cipher</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    <%= yield :slick_parallel %>
    <%= yield :slide_full %>
  </head>
  <body>
    <%= yield %>
    <%= yield :parallel_slick %>
  </body>

</html>