Błąd „Uncaught TypeError: a.indexOf nie jest funkcją” podczas otwierania nowego projektu fundamentu

Stworzyłem nowy projekt Foundation 5 poprzez bash, z foundation new my-project. Gdy otwieram plik index.html w Chrome, Uncaught TypeError: a.indexOf is not a functionw konsoli pojawia się błąd, który pochodzi z jquery.min.js:4.

Stworzyłem projekt zgodnie z instrukcjami na stronie fundacji, ale nie mogę pozbyć się tego błędu. Foundation i jQuery wyglądają tak, jakby zostały poprawnie włączone i połączone w pliku index.html, a dołączony plik app.js zawiera$(document).foundation();

Czy ktoś wie, co powoduje ten błąd? i jakie może być rozwiązanie?

Ten błąd może być spowodowany aliasami zdarzeń jQuery, takimi jak .load(), .unload()lub .error()że wszystkie są przestarzałe od jQuery 1.8 . Wyszukaj te aliasy w kodzie i zastąp je .on()metodą. Na przykład zastąp następujący przestarzały fragment:

$(window).load(function(){...});

z następującymi:

$(window).on('load', function(){ ...});

Ten błąd jest często powodowany przez niekompatybilne wersje jQuery. Napotkałem ten sam błąd w foundation 6repozytorium. Moje repozytorium używało jQuery 3, ale podstawa wymaga wcześniejszej wersji. Potem to zmieniłem i zadziałało.

Jeśli spojrzysz na wersję jQuery wymaganą przez zależności fundamentalne 5 , stwierdza ona "jquery": "~2.1.0".

Czy możesz potwierdzić, że ładujesz poprawną wersję jQuery?

Mam nadzieję, że to pomoże.

Dodaj poniżej wtyczkę migracyjną jQuery

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>

Ja też stanąłem przed tym problemem. Używałem jquery.poptrox.min.jsdo obrazu popping oraz powiększanie i otrzymałem błąd, który powiedział:

Błąd „Uncaught TypeError: a.indexOf nie jest funkcją” .

Wynika to z faktu, że indexOfnie było obsługiwane w 3.3.1/jquery.min.jstak prostym rozwiązaniu, aby zmienić go na starą wersję 2.1.0/jquery.min.js.

Naprawiłem to dla mnie.

Jednym z możliwych powodów jest to, kiedy ładowanie jQuery dwa razy , na przykład:

<script src='..../jquery.js'></script>
....
....
....
....
....
<script src='......./jquery.js'></script>

Sprawdź kod źródłowy i usuń zduplikowane ładowanie jQuery.

Używam jQuery 3.3.1i otrzymałem ten sam błąd, w moim przypadku adres URL toObject ciągiem vs.

To, co się stało, to wziąłem URL = window.location- co zwróciło przedmiot. Raz zmieniłem na window.location.href- działało bez e.indexOfbłędu.

Rozwiązałem ten problem, instalując poprawną wersję Jquerywymaganą przez mój projektnpm