Ketika kamu menguji blog kamu pada www.web.dev/measure dan menemukan masalah seperti berikut pada deskripsi yang tertera misal
ReferenceError: $ is not defined at https://6h0st.blogspot.com/?m=1:1628:266
Tidak perlu panik karena kamu datang pada artikel yang tepat. Walau sebenarnya hal ini bukan masalah besar dan tidak berpengaruh secara langsung terhadap website kamu. Hal ini berpengaruh pada menurunnya performa Best Practices di web.dev maupun page speed insight. Lalu, bagaimana cara untuk memperbaikinya?
Pertama, kita harus mengetahui biang masalahnya darimana dulu. Sumber dari masalah ini juga dapat kamu temui dengan membuka developer tools di perangkat kamu dengan mengklik f12 (i use chrome btw), dannn ketahuan deh biang masalahnya ada dimana.
Cara Mengatasi
Pertama tama, kalian pergi ke halaman tema kemudian edit html. Lanjut, kalian cari kode yang error tadi. jika sudah ketemu kalian tinggal paste kode berikut tepat diatas kode yang error.
<script src='//code.jquery.com/jquery-3.6.0.slim.min.js'></script>
Setelah itu, kalian tinggal klik simpan tema dan bisa kalian lihat perbedaanya. kalau yang saya coba disini score Best Practice di web.dev dari 85 menjadi 92. lumayan lah naik 7 :v
Kok masih gabisa bang?
Kalau masih tidak bisa, kalian bisa mengganti url jquerynya yang bisa kamu cek updatenya di https://code.jquery.com misalnya seperti berikut
<script src='//code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='//code.jquery.com/jquery-1.12.4.min.js'></script>
<script src='//code.jquery.com/jquery-migrate-3.3.2.min.js'></script>
Mengapa error tersebut bisa terjadi?
Disini kita mencoba mengakses fungsi $ yang belum didefinisikan. Atau bisa dibilang ketika file jquery.js belum berhasil dimuat sebelum mencoba memanggil $().
yaa.. intinya sih ini adalah kesalahan JavaScript umum yang mengatakan "Anda mencoba mengakses variabel atau memanggil fungsi yang belum ditentukan". Kamu harus meletakkan referensi ke skrip jquery terlebih dahulu. Dilain kasus kamu tidak dapat meletakkan referensi skrip ke jquery-ui sebelum skrip jquery itu sendiri. Pertama jquery-x.x.x.min.js, lalu jquery-ui-xxxxxx.js
Sekian untuk Mengatasi "ReferenceError: $ is not defined" di Blogger. Semoga bermanfaat. Btw, untuk selengkapnya mungkin referensi berikut bisa membantu memecahkan masalah serupa, kamu bisa menunjunginya disini.