htmlにjavascriptのファイルを読み込ませたいが、エラーが出てしまう。

前提・実現したいこと

ポートフォリオを作成しており、作成したhemlにjavascriptを実装したいと考えています。
そのため、jquery.min.jsとapplication.jsをhemlに読み込ませたいのですが、
サーバーの検証→consoleを確認すると以下のエラーが表示されます。
原因と解決方法をご教授いただけると幸いです。

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

GET http://localhost:3000/assets/javascripts/jquery.min.js 404 (Not Found)
GET http://localhost:3000/assets/javascripts/jquery.min.js net::ERR_ABORTED 404 (Not Found)
GET http://localhost:3000/assets/javascripts/application.js net::ERR_ABORTED 404 (Not Found)

該当のソースコード

html
1Portfolio/app/views/layouts/application.html.erb
2<!DOCTYPE html>
3<html>
4  <head>
5    <meta charset="utf-8" />
6    <title>Portfolio</title>
7    <%= csrf_meta_tags %>
8    <%= csp_meta_tag %>
9    <script src="https://kit.fontawesome.com/94b299a21d.js" crossorigin="anonymous"></script>
10    <link rel="stylesheet" type="text/css"　herf="application.css">
11    <link href="https://fonts.googleapis.com/css?family=Teko" rel="stylesheet">
12    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300&display=swap" rel="stylesheet">
13    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
14    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
15  </head>
16
17  <body>
18    <header>
19      <h1 class="app_title">
20        <%= link_to"Hello! Youtuber", root_path  %>
21      </h1>
22      <nav>
23        <ul class="nav-list">
24          <% if user_signed_in? %>
25            <div class="nav-list-item">
26              <i class="fas fa-user"></i>
27              <%= link_to"マイページ", user_path(current_user.id) %>
28            </div>
29            <div class="nav-list-item">
30              <i class="fas fa-pencil-alt"></i>
31              <%= link_to"投稿ページ", posts_path %>
32            </div>
33            <div class="nav-list-item">
34              <i class="fas fa-door-open"></i>
35              <%= link_to"ログアウト", destroy_user_session_path, method: :delete %>
36            </div>
37          <% else %>
38            <div class="nav-list-item">
39              <i class="far fa-bookmark"></i>
40              <%= link_to"新規登録", new_user_registration_path %>
41            </div>
42            <div class="nav-list-item">
43              <i class="fas fa-sign-in-alt"></i>
44              <%= link_to"ログイン", new_user_session_path %>
45            </div>
46            <div class="nav-list-item">
47              <i class="fas fa-user-slash"></i>
48              <%= link_to 'ゲストログイン（閲覧用）', homes_guest_sign_in_path, method: :post %>
49            </div>
50          <% end %>
51        </ul>
52      </nav>
53
54    </header>
55     <%= yield %>
56    <script type="text/javascript" src="../../assets/javascripts/jquery.min.js"></script>
57    <script type="text/javascript" src="../../assets/javascripts/application.js"></script>
58  </body>
59</html>

試したこと

エラーを見るに指定のファイルが見つからないとのことなので、
読み込ませたいjquery.min.jsとapplication.jsのパス指定が間違えているのかと思い、
公開されているサイトを参考に相対パスの記載を見直しましたが、解消はされませんでした。

（以下、各ファイルの階層）
Portfolio/app/assets/javascripts/jquery.min.js
Portfolio/app/assets/javascripts/application.js
Portfolio/app/views/layouts/application.html.erb