„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>