コンソールに表示されたエラーについて

四則演算のけ計算フォームをさくせい作成しています
Uncaught SyntaxError: Unexpected token '<'. main.js:50
上のえエラーが出てきたのですがどういう意味のエラーなんでしょうかどこを訂正すればいいのか
わかりません教えてくださいさくせ作成したHTMLとJavaScriptをのせ載せます、

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Calc Test</title> </head> <body> <div> <input type="text" id="num1"> <input type="text" id="num2"> </div> <button type="button" id="button-add">+</button> <button type="button" id="button-sub">-</button> <button type="button" id="button-mul">*</button> <button type="button" id="button-div">/</button> <div id="box"></div> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="main.js"></script> </body> </html>

JavaScript...............
function add(){

let num1 = document.getElementById("num1").value;

let num2 = document.getElementById("num2").value;

box = Number(num1) + Number(num2);

document.getElementById("box").innerText = box;

}

function sub(){

let num1 = document.getElementById("num1").value;

let num2 = document.getElementById("num2").value;

box = Number(num1) - Number(num2);

document.getElementById("box").innerText = box;

}