14 Jul 2021 08:00
Dipost oleh Admin
1.094
1
Sobatcoding.com - Artikel kali ini membahas tentang cara mengatasi error Laravel Mix Uncaught ReferenceError: $ is not defined.
Pesan error Laravel Mix Uncaught ReferenceError: $ is not defined muncul karena variable $ tidak terdefinisi, terkadang muncul pesan serupa seperti error Error Laravel Mix jquery is not defined.
Untuk mengatasi Error Laravel Mix Uncaught ReferenceError: $ is not defined atau Error Laravel Mix jquery is not defined, teman-teman bisa mengikuti cara berikut ini.
Kita install terlebih dahulu jquery menggunakan via npm
npm install jquery
Buka file webpack.mix.js, tambahkan file js yang akan di compile. Contoh kita akan compile file bernama init.js yang ada di folder resources/js/ .
mix.js([
"resources/js/init.js",
], "public/js/app.js");
Di dalam file init.js tambahkan kode seperti gambar berikut
window.$ = window.jQuery = window.jquery = require("jquery");
Kemudian jalankan npm run watch atau npm run dev untuk development.
npm run watch
Untuk production teman-teman bisa menggunakan perintah npm run prod
npm run prod
Tutorial di atas juga bisa digunakan untuk mengatasi pesan error laravel jquery is not defined.
Selamat mencoba!
CodeIgniter (22)
Komentar 1