suchen

Heim  >  Fragen und Antworten  >  Hauptteil

„Nuxt – Seite wird nach der Ausführung von „yarn generic“ nicht richtig geladen.“

<p>Ich habe eine einfache Nuxt-Anwendung mit einer Seite, die sich unter der folgenden Verzeichnisstruktur befindet: </p> <pre class="brush:php;toolbar:false;">pages Ruf zurück index.vue</pre> <p>Diese Anwendung wurde im „universellen“ Modus erstellt. Mein Problem ist, dass die Rückrufseite perfekt angezeigt wird und einwandfrei funktioniert, wenn ich die Anwendung lokal ausführe (z. B. Yarn Dev). Wenn ich jedoch „garn genere“ ausführe und dann den Ordner „dist“ bereitstelle, weist die Seite einige leichte visuelle Fehler auf. Es liegen keine Konsolenfehler oder Netzwerkfehler vor, allerdings ist die Darstellung etwas lückenhaft. Das Problem ist: Ein bestimmtes Symbol (Hamburger-Menü) wird nicht geladen und die Dropdown-/Auswahlkomponente wird nicht richtig initialisiert und zeigt ihren Platzhalter erst an, wenn darauf geklickt wird. </p> <p>Dies sind Komponenten, die an anderer Stelle in der Anwendung erstellt wurden und einwandfrei funktionieren, aber auf der generierten Seite funktionieren sie nicht. </p> <p>Ich habe Devtools für die Build-Ausgabe aktiviert und der einzige Unterschied, den ich zwischen der lokal ausgeführten Version und der generierten Version erkennen kann, besteht darin, dass die generierte Ausgabe die Vue-Devtools anscheinend nicht empfängt, wenn ich zur Callback-Route navigiere „Aktiv“-Flag in . </p> <p>Ich fand das seltsam und las über navigierbare Links und versteckte Seiten (da diese Seite derzeit nirgendwo auf der Website verlinkt ist) und habe viele Dinge ausprobiert, aber nichts hat funktioniert. Am nächsten komme ich, indem ich auf der Homepage ein NuxtLink-Element erstellt habe, das auf die Rückrufroute verweist. Wenn ich das mache, funktioniert die Seite nach dem Klicken auf den Link wie erwartet und das Aktiv-Flag wird im Routing-Tab von Devtools gesetzt. Aber wenn ich über die URL-Leiste dorthin navigiere, funktioniert es nicht. </p> <p>Ich habe die Dokumentation des Nuxt- und Vue-Routers ausführlich gelesen, kann aber anscheinend keine Lösung für das Problem finden. </p>
P粉670107661P粉670107661460 Tage vor527

Antworte allen(1)Ich werde antworten

  • P粉464208937

    P粉4642089372023-08-27 10:15:19

    yarn generate 用于部署静态站点,而您的目标设置为universal。运行 yarn buildyarn start 以在universal模式下部署。

    请参阅文档此处

    Antwort
    0
  • StornierenAntwort