Konflik vue-router.mjs berlaku selepas projek VUE3 memperkenalkan modul awam: Bagaimana menyelesaikan masalah pengguna () yang kembali tidak ditentukan?

Projek Vue3: Penyelesaian untuk Pengenalan Modul Awam yang membawa kepada Konflik Vue-Router dan Userouter () Pulangan Undefined

Artikel ini menganalisis dan menyelesaikan masalah useRouter() yang undefined dalam projek VUE3 selepas memperkenalkan modul awam, dan debugging menunjukkan bahawa terdapat konflik antara dua fail vue-router.mjs .

Penerangan Masalah: Modul Pengurusan Sistem (Sistem) bergantung kepada modul biasa (biasa), yang mengandungi konfigurasi penghalaan (route.js) dan rujukan penghala VUE. Selepas menerbitkan modul biasa ke nexus intranet, selepas modul sistem diperkenalkan ke dalam modul biasa, useRouter() mengembalikan undefined . Debugging menunjukkan bahawa projek itu mempunyai dua fail vue-router.mjs . Walau bagaimanapun, menggunakan yarn link @ht/common untuk memperkenalkan modul biasa, masalahnya hilang.

Punca utama masalah: kedua-dua modul biasa dan modul sistem bergantung kepada Vue-Router. Oleh kerana modul biasa diterbitkan ke Nexus Intranet dalam bentuk pakej NPM, modul sistem dipasang melalui NPM, menghasilkan dua versi Vue-Router yang dipasang dalam projek itu, menyebabkan konflik. yarn link mencipta pautan simbolik, mengelakkan pemasangan pendua.

Penyelesaian: Pastikan projek hanya menggunakan satu versi Vue-Router. Kaedah berikut boleh didapati:

1. Konsistensi versi: Semak package.json modul biasa dan sistem untuk memastikan bahawa versi Vue-Router adalah konsisten. Versi ini tidak konsisten, jadi anda perlu menyesuaikan versi Vue-Router salah satu modul.

2. Peningkatan Ketergantungan: Keluarkan Vue-Router dari dependencies modul biasa dan mengisytiharkannya secara langsung dalam dependencies modul sistem. Modul Sistem akan memasang Vue-Router secara langsung dari direktori Root Project untuk mengelakkan konflik versi. Konfigurasi penghalaan modul biasa perlu diselaraskan dengan sewajarnya supaya ia tidak lagi bergantung secara langsung kepada Vue-Router.

3. Pengoptimuman Struktur Modul: Menilai semula reka bentuk modul biasa. Jika modul biasa hanya menyediakan komponen dan fungsi alat yang sama, konfigurasi penghalaan tidak boleh dimasukkan. Konfigurasi penghalaan harus diletakkan dalam modul sistem atau modul konfigurasi penghalaan peringkat tinggi.

Melalui kaedah di atas, konflik versi VUE-ROUTER dapat dielakkan dengan berkesan dan masalah useRouter() kembali undefined . Inti adalah untuk memastikan bahawa hanya satu versi VUE-ROUTER dalam projek dimuatkan dan digunakan dengan betul.

Atas ialah kandungan terperinci Konflik vue-router.mjs berlaku selepas projek VUE3 memperkenalkan modul awam: Bagaimana menyelesaikan masalah pengguna () yang kembali tidak ditentukan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!