Tengo algo de jQuery y JavaScript y cuando trato de comprimir el JavaScript aparece un error que dice Carácter inesperado '`'

Probé dos compresores de JavaScript pero ambos me dieron el mismo error

No sé cuál es la causa de mi error:

Aquí está mi código:

 // Login Form Sumbission $("#loginForm").submit(function (event){ $("#loginButton").prop("disabled", true); $("#loginButton").html(`<div class="spinner-border text-light spinner-border-sm" role="status"><span class="visually-hidden">Loading...</span></div> Submit`); $("#loginEmail").off("input") $("#loginPassword").off("input") let formData = { "csrfmiddlewaretoken": $('#loginForm input[name=csrfmiddlewaretoken]').val(), "email": $("#loginEmail").val(), "password": $("#loginPassword").val(), }; $.ajax({ type: "POST", url: "/accounts/login/", data: formData, dataType: "json", encode: true, }).done(function (data){ var status = data["status"]; // If The User Successfully Logged In if (status === "success"){ // Update Navigation Bar $("#navbar").replaceWith(data["navbarHtml"]); $("#loginModal button.btn-close").click(); $("#modals").remove(); // Update Other Things On The Web Page Base On Thier Path let path = window.location.pathname; if (path in data){ var updateData = data[path] } else{ var updateData = {} }; for (item in updateData) { $(item).replaceWith(updateData[item]); }; $("#messages").html(` <div style="margin-bottom: 0px" class="alert alert-success alert-dismissible fade show" role="alert" id="messages"> <strong class="text-dark">${data["message"]}</strong> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> </div>`) }; }); event.preventDefault(); });