express - Kan ikke bruke NextJs + ExpressJs med TypeScript og webpack
Jeg vil sette opp ExpressJs med TypeScript for å bruke IOC med InversifyJS og Nextjs med es6. Jeg vil også bruke webpack for å pakke. Siden jeg må importere Next i server.ts for å gjøre server-side rendering, satte jeg opp TypeScript for Nextjs også, men jeg vil at .js- og .jsx-filer i klientmappen kan ha
Les mer →reactjs - Konvertering av React Typescript-applikasjon til Nextjs
Jeg er ny på Nextjs og jeg har laget en webapplikasjon ved bruk av Reactjs + Typescript, og jeg ønsker å konvertere dette til Nextjs. Jeg er forvirret over filstrukturen for hva som skal hvor og installasjonsdelen. Den nåværende webapplikasjonen (Reactjs med Typescript) har en database (Postdb) og funksjonaliteter
Les mer →reactjs - NextJS: Legg til ny spørringsstrengverdi i en eksisterende asPath eller oppdater den eksisterende spørringsstrengen
Jeg er litt forvirret på hvordan NextJS-routersystemet fungerer:
Jeg har artikler etter kategorier som kan være:
Medical Charity Wedding FuneralJeg har en navigasjonslinje der brukeren kan vise artikler etter kategori, og kan også søke etter et nøkkelord. Kategorifunksjonen fungerer perfekt.
Slik ser navigasjonslinjen min ut:
Les mer →reactjs - Hvorfor fungerte ikke setState i dette tilfellet i NextJS?
Hei alle sammen! Jeg har et problem - setState fungerer ikke i min NextJS + TS-applikasjon. Jeg prøvde tilstanden min gjennom ReactHooks, men ingenting fungerte, endret komponenten til klasser, men ingenting fungerte. Jeg prøvde å kjøre denne komponenten i en nyskapd CRA-applika
Les mer →typescript - Spørringsparametere i Nextjs-stien blir dekodet
Vi henter inn noen data fra en API hvor vi bruker URL-en for å navigere gjennom applikasjonen. I vår link-komponent sender vi en URL som <Link href={{ pathname: url , someOtherProperty }} /> hvor URL-en ser ut som /path-to-page?query=value, men når jeg ser på klienten, ser jeg at UR
Les mer →reactjs - Hvordan få Nextjs til å vise Typescript-typer feil ved lagring
Jeg jobber med et Nextjs Typescript-prosjekt og ser at typefeil ikke stopper appens kjøring som en annen type feil, det er et problem for meg, men det er et større problem siden TypeError oppstår ved byggetid, og det viser seg at det er typefeil mest når man trenger å gjøre en deploy.
Finnes det en måte å få TypeScript-feil til å stoppe appens kjøring under utvikling? Hvilken konfigurasjon bør jeg bruke for å oppnå dette?
Det er min tsconfig.json
Les mer →next.js - Mens jeg bygger en NextJS-applikasjon i Nx-arbeidsområde - får jeg feilen: Kan ikke finne modulen 'typescript'
Mens jeg oppretter et nytt @nrwl/workspace med en Next JS-app, får jeg feilen Error: Cannot find module 'typescript'. Er det noen som har opplevd det samme problemet?
Trinn -
- Opprett et nytt nx-arbeidsområde
- Opprett en ny app med NextJS-forhåndsinnstilling
- Bygg appen med nx run <app-name>:build
- Generer bilde fra dist/apps/<app-name> eller bare kopier dist et sted
- kjør yarn eller npm insta Les mer →
typescript - Hvordan deaktiverer jeg resolveJsonModule for en enkelt JSON-fil i en NextJs-applikasjon?
Jeg bygger en Next.js-applikasjon, og distribuerer med Vercel. Alt har fungert fint, helt til jeg nylig gjorde noen endringer i en stor JSON-fil som økte størrelsen med omtrent 20 %. Økningen i størrelse ser ut til å ha brutt en slags grense, og jeg får nå Webpack 5-feil, som ser ut til å skyldes TypeScript-typeoppløsning.
Jeg importerer JSON-filen direkte med en import. Fra det jeg har klart å samle inn, ser det ut til at resolveJsonModule compilerOption i tsconfig.json er ansvarlig fo
Les mer →reactjs - Hvordan sende en Nextjs-komponent med egendefinerte egenskaper som Children
For å legge til en egenskap Auth til komponentene mine. Jeg har opprettet et grensesnitt
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Slik at jeg kan prestere
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider sessi Les mer →reactjs - Hvordan lagre en JWT riktig i en cookie i React ved bruk av NextJS med TypeScript og useContext-hooken
Brukeren er satt og vedvarer på alle sidene, men når nettleservinduet oppdateres, blir brukeren logget ut. Er ikke sikker på om problemet er hvordan jeg setter informasjonskapslene, alle råd eller alternativer er veldig velkomne.
Her er UserContext-filen:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie" import cook Les mer →