Ist es möglich, uns mitzuteilen, wo das Problem lag und wie wir das Problem möglicherweise umgehen können, wenn wir derzeit kein Upgrade durchführen können? Hat es zum Beispiel mit dem Laden von CSS zu tun? Kann es in der Konfiguration geändert werden?

@ jon64digital Ich habe eine vollständige Beschreibung dieses Problems in # 5994 geschrieben. Sie können dies umgehen, indem Sie das Zeitlimit für die Entsorgung erhöhen.

@ Timneutkens Ich benutze 8.1.1-canary.24 und der Fehler existiert immer noch für mich. Irgendeine Idee?

Bearbeiten: herausgefunden, was passiert. Ich bin mir nicht sicher warum ...:
Ich hatte eine index.tsx- und eine index.less-Datei. Ich habe cssModules in meiner Datei netxt.config.js verwendet (mit withLess). Wenn Sie ein /subpage laden und einen Link haben, der auf / verweist (der Stile wie diesen importiert: import css from './index.less'; ), wird das Skript dynamisch geladen ( http://localhost:3000/_next/static/development/pages/index.js ) aber es wird nicht gerendert. Tatsächlich ändert sich die URL überhaupt nicht, es ist wie festgefahren ... Das Entfernen des weniger Dateiimports hat das Problem behoben.

Was tun?

Edit2: Scheint, ich stoße auf https://github.com/zeit/next-plugins/issues/282

Ich bekomme das immer noch einige Male auch auf 8.1.0 . Ich werde versuchen, eine neue Ausgabe zu reproduzieren und zu öffnen

Auch für mich gibt es nicht jedes Mal 404! nicht sicher, was das Problem mit dem Routing ist!? : /

package.json-Abhängigkeiten:

"dependencies": { "cross-env": "^5.2.0", "express": "^4.17.0", "next": "^8.1.0", "react": "^16.8.6", "react-dom": "^16.8.6" }

@jsbimra bitte immer eine vollständige Reproduktion zur Verfügung stellen. Es ist unmöglich zu untersuchen, "passiert für mich"

@jsbimra bitte _ immer_ eine vollständige Reproduktion zur Verfügung stellen. Es ist unmöglich zu untersuchen, "passiert für mich"

Es wurde ein Problem festgestellt, das mit dem fehlenden Schritt beim Erstellen einer Seite im Seitenordner von next.js zusammenhängt. Es tut mir leid, @timneutkens zu stören

eine Lösung dafür? passiert das auch in der produktion? weil in dev es mir passiert, der Fehler ist es von 2018 und 22. Mai 2019 noch ist dieser Fehler nicht behoben worden, wenn dies nicht in der Produktion passiert, bin ich nicht so besorgt, aber wenn es passiert, dann ist dies ein wirklich großes Problem ...

Der Fehler ist von 2018 und 22. Mai 2019, aber dieser Fehler wurde noch nicht behoben

Basierend auf der von @malimccalla bereitgestellten Reproduktion wurde

Wenn dies in der Produktion nicht passiert, bin ich nicht so besorgt

Das tut es nicht.

Beachten Sie, dass dieser Kommentar Ihr Problem nicht lösen wird. Wie schon oft gesagt:

Bitte geben Sie immer eine vollständige Reproduktion an. Es ist unmöglich zu untersuchen, "passiert für mich"

Ich habe das gleiche Problem mit der neuesten Version (8.1.0).

Ich habe das gleiche Problem mit der neuesten Version (8.1.0).

Ich habe jetzt ungefähr 3 Mal mit genau der gleichen Nachricht geantwortet. Bitte geben Sie eine Reproduktion an .

Beachten Sie, dass dieser Kommentar Ihr Problem nicht lösen wird. Wie schon oft gesagt:

Bitte geben Sie immer eine vollständige Reproduktion an. Es ist unmöglich zu untersuchen, "passiert für mich"

Ich war beunruhigt über das Problem, nicht auf ~ / index.tsx zugreifen zu können.
Aber ich habe endlich die Ursache gefunden!

Ich habe eine Bibliothek namens react-activity , aber gleichzeitig musste ich CSS importieren.

Wenn ich dasselbe CSS zweimal an verschiedenen Orten lese, kann ich anscheinend nicht migrieren.
Durch das Einlesen von _app.tsx konnte ich erfolgreich migrieren.

@timneutkens okay, sicher, ich kann die Entsorgungszeit verlängern, aber was ist mit der Situation, in der der Server zum ersten Mal gestartet wird? Ich kann nicht programmgesteuert zu diesen Seiten navigieren, da sie noch nicht erstellt wurden. 🤔

Ich habe jetzt ungefähr 4 Mal mit genau der gleichen Nachricht geantwortet. Bitte geben Sie eine Reproduktion an .

Beachten Sie, dass dieser Kommentar Ihr Problem nicht lösen wird. Wie schon oft gesagt:

Bitte geben Sie immer eine vollständige Reproduktion an. Es ist unmöglich zu untersuchen, "passiert für mich"

Um die spezifische Frage zu beantworten, werden Seiten nach Bedarf erstellt, und dieses System funktioniert einwandfrei. Ich gehe davon aus, dass Ihre Konfiguration etwas enthält, das dazu führt, dass Webpack die Datei nicht als fertig erstellt auslöst. Es ist jedoch schwer / unmöglich zu sagen, da es keine Reproduktion gibt.

Beachten Sie auch, dass das spezifische Problem, wie bereits erwähnt, bereits behoben wurde und dass das Erhöhen des Zeitlimits für das spezifische Problem, das auftritt, nicht hilfreich ist. Deshalb bitte ich immer wieder um eine Reproduktion 🙏.

Wir freuen uns sehr, dies zu untersuchen und Zeit damit zu verbringen.

Ich habe gestern ein neues Projekt erstellt und es hat gut funktioniert. Mein Projekt muss etwas Bestimmtes haben, damit es nicht funktioniert. Ich werde versuchen, es später heute allmählich auseinander zu nehmen und zu sehen, an welchem ​​Punkt das Problem verschwindet.

Ich würde gerne einen Blick darauf werfen, ob Sie es zuverlässig reproduzieren können.

Die gute Nachricht ist, dass ich den Fehler genau bestimmen konnte. Die schlechte Nachricht ist, dass das Problem mit meinem Projekt nicht anders war als das, was andere Leute in diesem Thread berichtet haben.

Wenn das Problem also mit CSS und Entsorgungslimit zusammenhängt und es angeblich behoben wurde, muss ich etwas falsch machen. Setzen Sie diese hier ein?

module.exports = withCSS({ onDemandEntries: { maxInactiveAge: 1000 * 60 * 60 } })

Reproduktion: https://github.com/dydokamil/next-js-router-bug

@ Dydokamil
Es ist ein Fehler bekannt: https://github.com/zeit/next-plugins/issues/282
Sie können es "lösen", indem Sie eine leere CSS-Datei importieren.

Ich kann dies dazu bringen, zuverlässig über Entwicklungs-, Produktions- und statische Exportmodi hinweg zu reproduzieren, und keine der Problemumgehungen für onDemandEntries oder leere CSS-Dateien hat geholfen.

Die einzige Möglichkeit, das Problem zu beheben, bestand darin, import 'highlight.js/styles/color-brewer.css'; aus der Body-Komponente auf meinen Blogpost-Seiten zu entfernen.

Jede <Link> -Instanz, die auf eine Blogpost-Seite verweist, kann nicht geladen werden, aber http://localhost:3000/_next/static/development/pages/post.js <Link> Klicken auf <Link> s in Blog-Posts perfekt funktionieren. Unkommentieren und alle <Link> s können keine Blog-Beiträge laden.

Wenn Sie eine dieser Routen für Blogpost-Seiten direkt treffen, funktioniert der Fehler nur auf der Clientseite -basiertes Routing. Dies geschah nach dem Upgrade von Version 6 auf Version 8.

Ich habe dies anfangs mit @zeit/next-css aber ich kann dieses Problem auf die gleiche Weise replizieren, nachdem ich @zeit/next-sass ausgetauscht und eine .scss-Datei importiert habe. Im Moment lade ich diese Stile nur mit styled-components drop @zeit/next-css . Nach Durchsicht von https://www.npmjs.com/package/@zeit/next -css und https://www.npmjs.com/package/@zeit/next -sass scheinen diese Verwendungsbeispiele zu brechen 🤔

Könnten Sie https://github.com/zeit/next-plugins/issues/282 ein Reproduktions-Repository hinzufügen

Was Sie beschreiben, klingt genau so.

Ich kann dies dazu bringen, zuverlässig über Entwicklungs-, Produktions- und statische Exportmodi hinweg zu reproduzieren, und keine der Problemumgehungen für onDemandEntries oder leere CSS-Dateien hat geholfen.

Die einzige Möglichkeit, das Problem zu beheben, bestand darin, import 'highlight.js/styles/color-brewer.css'; aus der Body-Komponente auf meinen Blogpost-Seiten zu entfernen.

Jede <Link> -Instanz, die auf eine Blogpost-Seite verweist, kann nicht geladen werden, aber http://localhost:3000/_next/static/development/pages/post.js <Link> Klicken auf <Link> s in Blog-Posts perfekt funktionieren. Unkommentieren und alle <Link> s können keine Blog-Beiträge laden.

Wenn Sie eine dieser Routen für Blogpostseiten direkt treffen, funktioniert der Fehler nur im Zusammenhang mit clientseitigem Routing. Dies geschah nach dem Upgrade von Version 6 auf Version 8.

Ich habe dies anfangs mit @zeit/next-css aber ich kann dieses Problem auf die gleiche Weise replizieren, nachdem ich @zeit/next-sass ausgetauscht und eine .scss-Datei importiert habe. Im Moment lade ich diese Stile nur mit styled-components drop @zeit/next-css . Nach Durchsicht von https://www.npmjs.com/package/@zeit/next -css und https://www.npmjs.com/package/@zeit/next -sass scheinen diese Verwendungsbeispiele zu brechen 🤔

Nach dem Hinzufügen des nächsten / css-Pakets kann ich bestätigen, dass dies auch mir passiert ist.

Das gleiche passierte mir in der Entwicklung (die Produktion funktioniert wie erwartet), und das Problem ist, wenn wir auf Seiten verlinken (oder Komponenten darin haben), die Sass-Dateien importieren.

Meine next.config.js Datei:

const withSass = require('@zeit/next-sass');

const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});

require('dotenv').config();

module.exports = withBundleAnalyzer(
  withSass({
    distDir: '../dist',
    env: {...},
  }),
);

Eine der Komponenten in der Tiefe hat also diesen Import:

// MIGRATE: PriceDetail to styled components
import './PriceDetail.scss';

Wenn ich den Import kommentiere, funktioniert der Link. Es scheint also ein Problem mit dem withSass Plugin zu sein.

Ich habe ein ähnliches Problem, aber nicht dasselbe. Leider bekomme ich den gleichen Fehler
auch in der Produktion. Aber aus bestimmten Gründen funktionieren Links manchmal.

Ich habe das gleiche Problem mit der nächsten Version 9.4 festgestellt
Ich habe gestern CodeMirror zu meinem Projekt hinzugefügt und auch
import "codemirror/lib/codemirror.css"

Ich habe so etwas wie pages / page2.js, das einige Sachen macht und dann am Ende router.replace("/") aufruft und plötzlich aufhört, irgendetwas zu tun.
Das Ausführen von router.replace("/") im Debugger zeigte ein Versprechen, das niemals catch oder finally Blöcke auflöst oder trifft.

Möglicherweise ist auch erwähnenswert, dass ich next-css in meiner next.config.js habe - ich werde versuchen, es zu entfernen und zu sehen, ob dies Auswirkungen hat.

Sieht so aus, als gäbe es hier eine heiße Lösung? =)

Aha, das hat die Dinge für mich behoben - ich musste natürlich auch meinen Import in eine Shell-Datei _app.js .