Node.js + ExpressのWebアプリでスタイルが反映されない

udemyでNode.js + ExpressのWebアプリを作成したのですが、途中でスタイルが反映されていないのです。
どなたか解決方法に心当たりのある方教えていただけると本当に助かります。

以下のバージョン
bootstrap: 4.5.3
express: 4.17.1
jquery: 3.5.1
popper.js: 1.16.1

フォルダの内容
weblog/views/index.ejs

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <title>Welcome Page</title>

    <%- include("./_share/stylesheets.ejs") %>
    
  </head>
  <body >
    <%- include('./_share/navbar.ejs') %>
 <main role="main" class="container">

  <div class="border-bottom mt-5 mb-5">

    <h1>ようこそ　Node.js　+ Expressの世界へ</h1>
   
  </div>
    <p class="lead">このドキュメントを使ってあらゆるプロジェクトを高速にスタートしましょう．<br> このテキストと基礎となる HTML ドキュメントが手に入ります.</p>
</main>

   <%- include('./_share/javascripts.ejs') %>
</body>
</html>

weblog/views/_share/javascripts.ejs

<script src="/public/third_party/jquery/jquery.js"></script>
<script src="/public/third_party/popper.js/popper.js"></script>
<script src="/public/third_party/bootstrap/js/bootstrap.js"></script>

weblog/views/_share/stylesheets.ejs

<link rel="stylesheet" src="/public/third_party/bootstrap/css/bootstrap.css">
<link rel="stylesheet" src="/public/third_party/font-awesome/css/font-awesome.css">

weblog/app.js

var accesslogger = require('./lib/log/accesslogger.js');
var systemlogger = require('./lib/log/systemlogger.js')
var express = require("express");
var app = express();

app.set("view engine", "ejs");
app.disable("x-powered-by");

app.use("/public", express.static(__dirname + "/public/" + (process.env.NODE_ENV === "development" ? "development" : "production")));

app.use(accesslogger());

app.use("/", require("./routes/index.js"));

app.use(systemlogger());

app.listen(3000);

weblog/routes/index.js

var router = require('express').Router();

router.get('/', (req, res) => {
    res.render("index.ejs");
});

module.exports = router;

ERRORメッセージ

GET http://localhost:3000/public/third_party/jquery/jquery.js net::ERR_ABORTED 404 (Not Found)
localhost/:39 
GET http://localhost:3000/public/third_party/popper.js/popper.js net::ERR_ABORTED 404 (Not Found)
localhost/:40 
GET http://localhost:3000/public/third_party/bootstrap/js/bootstrap.js net::ERR_ABORTED 404 (Not Found)

行動規範の内容に同意します

回答1件

ベストアンサー

404 (Not Found)

超有名なコンテンツが見つからないエラーです。

ブラウザで、
http://localhost:3000/public/third_party/jquery/jquery.js
にアクセスして、jquery.jsファイルの内容がブラウザに表示されますでしょうか？
表示されなければ、ルーティングの設定が悪いか、ファイル・ディレクトリそのものが無い
ということになります。
レッスンのソースや手順をよく見直してみてください。