現在、jueryとNode.jsを勉強しています。
それぞれ別々にしていましたが、同じアプリケーションに２つとも入れれば効率いいんじゃない？と思いやってみました。
実践
top.ejs
<head>
//省略
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<head>
ターミナル
$ npm install express ejs
app.js
const express = require('express');
const app = express();
app.use(express.static('public'));
//以下省略
public/script.js
$(function(){
//行いたい処理(jQueryの内容)
});
これでjQueryが使えるようになります。
注意としてはtop.ejsでの
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
と
<script type="text/javascript" src="script.js"></script>
の記述は逆にしてしまうと読み込めなくなります。
必ずこの順番で記述することです。
そして、app.jsでapp.use(express.static('public'));
でpublicディレクトリから読み込んでいるので、必ず
publicディレクトリを作り、publicディレクトリ配下にscript.jsを作成してください。
そうしないとscript.jsが読み込めません。
もしかすると？
最初は$ npm install jqueryで読み込ませようとして失敗し、今に至ります。
もし、上記の記述をやってもjQueryが読み込めない場合は、
$ npm install jquery
をやってみてください。
終わりに
結構な時間悩んだ割には簡単な記述で終わりました。
追記
必要な記述が１つ抜けていたので修正しました。