Mendapatkan TypeError: $ .widget bukan fungsi Magento 2

9

Saya mendapatkan kesalahan jenis JavaScript di Minicart, halaman Tampilan produk , dan halaman Checkout .

TypeError: $.widget is not a function
           $.widget('mage.priceBox')
           $.widget('mage.dataPost')

Bagaimana saya bisa memecahkan masalah ini?

magento2 error javascript

— Nikul
sumber

Sudahkah Anda menjalankan perintah deploy?

— Rakesh Jesadiya

Ya saya menjalankan perintah deploy tetapi masih mendapatkan error.

— Nikul

Anda harus terlebih dahulu menghapus konten folder pub / statis setelah Anda harus menjalankan perintah untuk digunakan

— Rakesh Jesadiya

Hai Rakesh Perintah apa pun untuk menghapus pub / folder statis menggunakan perintah.

— Nikul

Anda harus menghapus secara manual

— Rakesh Jesadiya

8

Saya memiliki masalah yang sama menggunakan Porto Theme. Dalam kasus saya terkadang jQuery dikenali, terkadang tidak. Sayangnya, saya tidak mengerti penyebabnya, tetapi saya menemukan solusinya.

Singkatnya: Gabungkan semua file javascript.

Di Backend pergi ke:

Stores -> Configuration -> Advanced -> Developer -> JavaScript Settings

Mengaktifkan:
- Aktifkan Bundling JavaScript
- Gabungkan File JavaScript
- Perkecil File JavaScript (Opsional)
Tidak disarankan untuk menyebarkan file statis

bin/magento setup:static-content:deploy

Kosongkan cache di bawah System -> Cache Management
- Di Additional Cache Management wilayah pilih TombolFlush CSS/Javascript Cache
- Dan Flush Magento Cachesesudahnya

Sekarang kosongkan Cache di Browser dan muat ulang.

Untuk mengembangkan solusi ini tidak memuaskan, tetapi setidaknya untuk produktif, menggunakannya harus menjadi solusi kerja yang baik, tanpa perilaku yang tidak terduga.

Semoga ini bisa membantu ..

— kebijaksanaan
sumber

itu membantu saya, terima kasih. Saya memiliki masalah yang sama

— bourax

Saya hanya menyiram CSS / Javascript & Magento Cache, dan berhasil, tetapi jawaban Anda dapat membantu kasus lain! Dalam dev env. kita terikat untuk membiarkan optimasi JS dinonaktifkan, debugging menjadi sulit jika tidak, dan juga jarang menggunakan perintah deploy, refresh halaman memicu pembuatan file statis ini. Terima kasih !

— medmek

Saya pikir ini ada hubungannya dengan requireejs-config.js ... kadang map: { '*': {- kadang digunakan, dan kadang-kadang paths: {...

— Black

4

Saya memiliki masalah ini juga tetapi kemudian saya menemukan artikel ini: http://www.danjoseph.me/2016/09/16/magento-2-widget-not-function/

Dalam artikel itu ia menjelaskan bahwa jquery sedang dimuat untuk kedua kalinya pada halaman dan karenanya menimpa versi yang dimuat sebelumnya oleh magento. Bagi saya itu adalah skrip pemasaran yang juga memuat jquery karena suatu alasan. jQuery hanya boleh dimuat sekali di kepala oleh tag ini dan semua yang lain harus dihapus.

<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="http://seatup.local/pub/static/frontend/Seatup/theme/en_US/jquery.js"></script>

— Cypher909
sumber

-4

Buka folder tema Anda dan temukan file berikut di folder Magento_Theme

default_head_blocks.xml

dan ganti

<script src="jquery.js" />

dengan

<remove src="jquery.js" />

Pastikan Anda membersihkan cache dan menyegarkan halaman.

Saya memiliki masalah yang sama dan menyelesaikannya menggunakan metode di atas.

— Nausif
sumber

Melakukan ini, Anda menghapus jQuery. Memang benar bahwa memecahkan kesalahan yang dijelaskan pada pertanyaan tetapi sekarang hal-hal lain rusak misalnya terkait bootstrap. Uncaught Error: Bootstrap's JavaScript requires jQuery at bootstrap.min.js:6

— slayerbleast

Menghapus jQuery bukan cara yang tepat untuk menangani ini. Itu saran yang buruk.

— Cypher909