express - Kann NextJs + ExpressJs nicht mit TypeScript und Webpack verwenden

Ich möchte ExpressJs mit TypeScript einrichten, um IOC mit InversifyJS und Nextjs mit es6 zu verwenden. Ich möchte auch webpack zum Bündeln verwenden. Da ich Next in server.ts importieren muss, um serverseitiges Rendering zu machen, habe ich TypeScript für Nextjs eingerichtet, aber ich möchte, dass .js- un

Weiterlesen →

reactjs - Konvertierung einer React-TypeScript-Anwendung zu Nextjs

Ich bin neu bei Nextjs und habe eine Webanwendung mit Reactjs + Typescript erstellt und möchte diese in Nextjs konvertieren. Ich bin verwirrt über die Dateistruktur, was wohin gehört, und den Installationspart. Die aktuelle Webanwendung (Reactjs mit Typescript) hat eine Datenbank (Postdb) und Funktionen wie:

Weiterlesen →

reactjs - NextJS: Einen neuen Abfragezeichenfolgenwert zu einem bestehenden asPath hinzufügen oder die bestehende Abfragezeichenfolge aktualisieren

Ich bin irgendwie verloren, wie das NextJS-Routersystem funktioniert:

Ich habe Artikel nach Kategorien, die sein können:

Medical Charity Wedding Funeral

Ich habe eine Navigationsleiste, in der der Benutzer Artikel nach Kategorie anzeigen kann und auch nach einem Schlüsselwort suchen kann. Die Kategoriefunktion funktioniert einwandfrei.

So sieht meine Navigationsleiste aus:

Weiterlesen →

reactjs - Warum funktionierte setState in diesem Fall in NextJS nicht?

Hallo zusammen! Ich habe ein Problem - setState funktioniert in meiner NextJS + TS Anwendung nicht. Ich habe meinen Zustand über ReactHooks versucht, aber nichts hat funktioniert, habe die Komponente in Klassen geändert, aber nichts hat funktioniert. Ich habe versucht, diese Kom

Weiterlesen →

typescript - Abfrageparameter im Nextjs-Pfadnamen werden decodiert

Wir importieren einige Daten von einer API, bei der wir die URL verwenden, um durch die Anwendung zu navigieren. In unserer Link-Komponente übergeben wir eine URL als <Link href={{ pathname: url , someOtherProperty }} />, wobei die URL wie /path-to-page?query=value aussieht. Auf dem

Weiterlesen →

reactjs - Wie man Nextjs dazu bringt, TypeScript-Typfehler beim Speichern anzuzeigen

Ich arbeite an einem Nextjs Typescript-Projekt und bekomme, dass die Typfehler die Ausführung der App nicht stoppen wie eine andere Art von Fehler, das ist ein Problem für mich, aber es ist ein größeres Problem, da der TypeError zur Build-Zeit auftritt, was bedeutet, dass man Typfehler meistens erst entdeckt, wenn man bereitstellen muss.

Gibt es eine Möglichkeit, TypeScript-Fehler die Ausführung der App während der Entwicklung blockieren zu lassen? Welche Konfi

Weiterlesen →

next.js - Beim Erstellen einer NextJS-Anwendung im Nx-Arbeitsbereich - Fehler erhalten: Modul 'typescript' kann nicht gefunden werden

Beim Erstellen eines neuen @nrwl/workspace mit einer Next JS App erhalte ich den Fehler Fehler: Modul 'typescript' kann nicht gefunden werden. Hat jemand dasselbe Problem erlebt?

Schritte -

1. Erstellen Sie einen neuen nx-Arbeitsbereich
2. Erstelle eine neue App mit dem NextJS-Preset
3. Baue die App mit nx run <app-name>:build
4. Erzeuge ein Bild aus dist/apps/<app-name> oder kopiere einfach das dist irgendwohin
Weiterlesen →

typescript - Wie kann ich resolveJsonModule für eine einzelne JSON-Datei in einer NextJs-Anwendung deaktivieren?

Ich baue eine Next.js-Anwendung und deploye sie mit Vercel. Alles hat bisher gut funktioniert, bis ich kürzlich einige Änderungen an einer großen JSON-Datei vorgenommen habe, wodurch ihre Größe um etwa 20 % zugenommen hat. Die Größenzunahme scheint irgendein Limit überschritten zu haben, und jetzt bekomme ich Webpack-5-Fehler, die anscheinend auf die TypeScript-Typauflösung zurückzuführen sind.

Ich importiere die JSON-Datei direkt mit einem Import. Soweit ich feststellen konnte, scheint

Weiterlesen →

reactjs - Wie man eine Nextjs-Komponente mit benutzerdefinierten Eigenschaften als Children übergibt

Um eine Eigenschaft Auth zu meinen Komponenten hinzuzufügen. Ich habe ein Interface erstellt

interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }

Damit ich aufführen kann

const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider s

Weiterlesen →

reactjs - Wie man ein JWT richtig in einem Cookie in React mit NextJS, TypeScript und dem useContext-Hook speichert

Der Benutzer ist gesetzt und bleibt auf allen Seiten bestehen, aber wenn das Browserfenster aktualisiert wird, wird der Benutzer abgemeldet. Ich bin mir nicht sicher, ob das Problem darin liegt, wie ich die Cookies setze. Jeder Rat oder eine Alternative ist sehr willkommen.

Hier die UserContext-Datei:

import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies

Weiterlesen →