"Nuxt - Halaman tidak dimuatkan dengan betul selepas melaksanakan "menjana benang""

Question

Saya mempunyai aplikasi nuxt ringkas dengan halaman yang terletak di bawah struktur direktori berikut:

halaman
   panggil balik
       index.vue

Aplikasi ini dibina menggunakan mod "universal". Masalah saya ialah apabila saya menjalankan aplikasi secara tempatan (iaitu yarn dev) halaman panggil balik dipaparkan dengan sempurna dan berfungsi dengan baik. Walau bagaimanapun, apabila saya menjalankan jana benang dan kemudian menyampaikan folder dist, halaman itu mempunyai sedikit ralat visual. Tiada ralat konsol atau ralat rangkaian, tetapi paparannya agak bertompok-tompok. Masalahnya ialah: ikon tertentu (menu hamburger) tidak dimuatkan, dan komponen lungsur/pilih tidak dimulakan dengan betul dan menunjukkan pemegang tempatnya sehingga diklik.

Ini ialah komponen yang telah dibina dan berfungsi dengan baik di tempat lain dalam aplikasi, tetapi pada halaman yang dijana, ia tidak berfungsi.

Saya mempunyai devtools yang didayakan pada output binaan dan satu-satunya perbezaan yang saya dapat lihat antara versi yang dijalankan secara tempatan dan versi yang dijana ialah apabila saya menavigasi ke laluan panggil balik output yang dihasilkan nampaknya tidak menerima vue devtools Bendera "Aktif" dalam .

Saya fikir ini pelik dan membaca tentang pautan yang boleh dilayari dan halaman tersembunyi (memandangkan halaman ini tidak dipautkan pada masa ini dari mana-mana di tapak) dan mencuba banyak perkara tetapi tiada yang berhasil. Yang paling dekat saya datang ialah mencipta elemen NuxtLink pada halaman utama yang memaut ke laluan panggil balik. Apabila saya melakukan ini, selepas mengklik pautan, halaman berfungsi seperti yang diharapkan dan bendera aktif ditetapkan dalam tab penghalaan devtools. Tetapi jika saya menavigasi kepadanya melalui bar URL ia tidak berfungsi.

Saya telah membaca dokumentasi penghala nuxt dan vue secara terperinci tetapi nampaknya tidak dapat mencari penyelesaian kepada masalah tersebut.

Answer 1

yarn generate 用于部署静态站点，而您的目标设置为universal。运行 yarn build 和 yarn start untuk digunakan dalam mod universal.

Lihat dokumentasi di sini.