Uncaught TypeError: Nie można odczytać właściwości "toLowerCase" niezdefiniowanej w funkcji jQuery - jquery, ajax

Mam ten skrypt jQuery na stronie

$(document).ready(function() {
$.ajax({
type: "POST",
url: "/notification/unread",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data){
$("#notification_badge").html(data).removeClass("hidden");
}
});

Jednak podczas wywoływania pojawia się błąd na ten temat $.ajax funkcjonować:

Uncaught TypeError: Nie można odczytać właściwości „toLowerCase” z niezdefiniowanej funkcji jQuery

To właśnie znajduję w konsoli

Uncaught TypeError: Cannot read property "toLowerCase" of undefined
at Object.setRequestHeader (jquery.min.js:4)
at HTMLDocument.<anonymous> (badge.js:5)
at HTMLDocument.dispatch (jquery.min.js:3)
at HTMLDocument.r.handle (jquery.min.js:3)
at Object.trigger (jquery.min.js:3)
at Function.ajax (jquery.min.js:4)
at badge.js:10
at dispatch (jquery.min.js:3)
at r.handle (jquery.min.js:3)

Połączenie POST nie zostało wykonane. Gdzie jest błąd?

Odpowiedzi:

Spróbuj zmienić definicję funkcji na standard ES6. Od tego

$(document).ready(function() {});

do tego

$(document).ready(() =>{});