【Node.js】Express フロント側でpublicフォルダのcssやらライブラリファイルを読み込めない時の対処法

jqueryが読み込めない・・・

index.ejsから
・public/lib/jquery-3.5.1.min.jsw
・public/css/index.css
を読み込めない！

404 Not Foundと言われていますね

なんで・・・？

index.ejs

<!-- css -->
<link rel="stylesheet" type="text/css" href="public\css\index.css">
<!-- jQuery -->
<script type="text/javascript" src="public\lib\jquery-3.5.1.min.js"></script>

ちゃんと相対パス書いてあげてるのになー
絶対パスに変えてみてもダメだった

解決策

app.js

// 静的ファイルは無条件に公開
app.use('/public', express.static('public'))

app.jsでpublicフォルダをstaticにしてあげるだけでよかった！

おわり

みなさんも同じ手詰まりをしないように