"Nuxt - La page ne se charge pas correctement après l'exécution de "yarn generate""

Question

J'ai une application nuxt simple avec une page située sous la structure de répertoires suivante :

pages
   rappeler
       index.vue

Cette application a été construite en mode "universel". Mon problème est que lorsque j'exécute l'application localement (c'est-à-dire Yarn Dev), la page de rappel s'affiche parfaitement et fonctionne correctement. Cependant, lorsque j'exécute fil générer et que je sers ensuite le dossier dist, la page présente de légères erreurs visuelles. Il n'y a pas d'erreurs de console ni d'erreurs de réseau, mais l'affichage est quelque peu inégal. Le problème est le suivant : une icône spécifique (menu hamburger) ne se charge pas et le composant déroulant/sélection ne s'initialise pas correctement et n'affiche pas son espace réservé jusqu'à ce qu'on clique dessus.

Ce sont des composants qui ont été construits et fonctionnent correctement ailleurs dans l'application, mais sur la page générée, ils ne fonctionnent pas.

J'ai activé les outils de développement sur la sortie de build et la seule différence que je peux voir entre la version exécutée localement et la version générée est que lorsque je navigue vers la route de rappel, la sortie générée ne semble pas recevoir la vue devtools Indicateur "Actif" dans .

J'ai trouvé cela bizarre et j'ai lu des articles sur les liens navigables et les pages cachées (puisque cette page n'est actuellement liée à aucun endroit sur le site) et j'ai essayé beaucoup de choses mais rien n'a fonctionné. Le plus proche est de créer un élément NuxtLink sur la page d'accueil qui renvoie à la route de rappel. Lorsque je fais cela, après avoir cliqué sur le lien, la page fonctionne comme prévu et l'indicateur actif est défini dans l'onglet de routage des outils de développement. Mais si j'y accède via la barre d'URL, cela ne fonctionne pas.

J'ai lu en détail la documentation de nuxt et du routeur vue mais je n'arrive pas à trouver de solution au problème.

Answer 1

yarn generate 用于部署静态站点，而您的目标设置为universal。运行 yarn build 和 yarn start à déployer en mode universel.

Voir la documentation ici.