javascript - NextJS React-app styled component wordt niet correct weergegeven: Waarschuwing: Prop `className` kwam niet overeen

In mijn NextJS-app _app.tsx gebruik ik import Router from 'next/router' om verschillende nav-knopstijlen voor mijn bovenste menu weer te geven.

Wanneer het pad / is, werkt de weergave, maar wanneer ik op /about ben, werkt de weergave niet en krijg ik de volgende fout. Zelfs al werkt de booleaanse logica correct.

Fout :

Waarschuwing: Prop className kwam niet overeen. Server: "nav__NavActive-sc-6

Lees verder →

express - Kan NextJs + ExpressJs niet gebruiken met typescript en webpack

Ik wil ExpressJs opzetten met TypeScript om IOC te gebruiken met InversifyJS en Nextjs met es6. Ik wil ook webpack gebruiken om te bundelen. Omdat ik Next moet importeren in server.ts om server-side rendering te doen, heb ik TypeScript voor Nextjs ook opgezet, maar ik wil dat .js- en .jsx-bestanden in de c

Lees verder →

reactjs - React Typescript-applicatie converteren naar Nextjs

Ik ben nieuw met Nextjs en ik heb een webapplicatie gebouwd met Reactjs + Typescript en ik wil dit omzetten naar Nextjs. Ik ben in de war over de bestandsstructuur van wat waar moet komen en het installatiegedeelte. De huidige webapplicatie (Reactjs met Typescript) heeft een database (Postdb) en functionaliteiten

Lees verder →

reactjs - NextJS: Nieuwe querystring-waarde toevoegen aan een bestaande asPath of de bestaande querystring bijwerken

Ik ben een beetje in de war over hoe het NextJS-routeringssysteem werkt:

Ik heb artikelen per categorie die kunnen zijn:

Medical Charity Wedding Funeral

Ik heb een navigatiebalk waar de gebruiker artikelen kan weergeven op categorie, en ook kan zoeken op een zoekwoord. De categoriefunctie werkt perfect.

Zo ziet mijn navigatiebalk eruit:

Lees verder →

reactjs - Waarom werkte setState in dit geval niet in NextJS?

Hallo iedereen! Ik heb een probleem - setState werkt niet in mijn NextJS + TS applicatie. Ik heb mijn state geprobeerd via ReactHooks, maar niets werkte, de component omgezet naar een klasse, maar niets werkte. Ik heb geprobeerd deze component uit te voeren in een nieuw aangemaa

Lees verder →

typescript - Queryparameters in Nextjs-pathname worden gedecodeerd

We zijn gegevens aan het invoeren vanuit een API waarbij we de URL gebruiken om door de applicatie te navigeren. In onze linkcomponent geven we een URL door als <Link href={{ pathname: url , someOtherProperty }} /> waarbij de URL eruitziet als /path-to-page?query=value, maar wanneer

Lees verder →

reactjs - Hoe maak je dat Nextjs TypeScript-typefouten laat zien bij het opslaan

Ik werk aan een Nextjs Typescript-project en merk dat de typefouten de uitvoering van de app niet stoppen zoals een ander soort fout, dat is een probleem voor mij, maar het is een groter probleem omdat de TypeError optreedt tijdens de buildtijd, en het ontdekken daarvan meestal pas gebeurt wanneer je een deploy moet doen.

Is er een manier om TypeScript-fouten de uitvoering van de app te laten blokkeren tijdens het ontwikkelen? Welke configuratie moet ik gebruik

Lees verder →

next.js - Tijdens het bouwen van een NextJS-toepassing in een Nx-werkruimte - foutmelding: Kan module 'typescript' niet vinden

Tijdens het aanmaken van een nieuwe @nrwl/workspace met een next JS-app krijg ik de foutmelding Error: Cannot find module 'typescript'. Heeft iemand hetzelfde probleem ervaren?

Stappen -

1. Maak een nieuwe nx-werkruimte
2. Maak een nieuwe app met NextJS-voorinstelling
3. Bouw de app met nx run <app-name>:build
4. Genereer afbeelding van dist/apps/<app-name> of kopieer de dist gewoon ergens naartoe
5. voer yarn
   Lees verder →

typescript - Hoe schakel ik resolveJsonModule uit voor een enkel JSON-bestand in een NextJs-toepassing?

Ik ben een Next.js-applicatie aan het bouwen en deploy met Vercel. Alles werkte prima, totdat ik recentelijk enkele wijzigingen aanbracht in een groot JSON-bestand, waardoor de grootte met ongeveer 20% toenam. De toename in grootte lijkt een soort limiet te hebben doorbroken, en ik krijg nu Webpack 5-fouten, die lijken te worden veroorzaakt door TypeScript type-resolutie.

Ik importeer het JSON-bestand rechtstreeks met een import. Voor zover ik heb kunnen nagaan, lijkt de resolveJsonModu

Lees verder →

reactjs - Hoe een Nextjs-component met aangepaste eigenschappen als Children door te geven

Om een eigenschap Auth toe te voegen aan mijn componenten. Ik heb een interface aangemaakt

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

Zodat ik kan presteren

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

Lees verder →