express - Kan ikke bruge NextJs + ExpressJs med TypeScript og webpack
Jeg vil opsætte ExpressJs med TypeScript for at bruge IOC med InversifyJS og Nextjs med es6. Jeg vil også bruge webpack til at bundle. Da jeg skal importere Next i server.ts for at lave server-side rendering, så opsætter jeg også TypeScript til Nextjs, men jeg vil have .js og .jsx filer i client-mappen kan
Læs mere →reactjs - Konvertering af React Typescript-applikation til Nextjs
Jeg er ny til Nextjs og jeg har bygget en webapplikation ved hjælp af Reactjs + Typescript, og jeg vil konvertere dette til Nextjs. Jeg er forvirret over filstrukturen for, hvad der skal placeres hvor, og installationsdelen. Den nuværende webapplikation (Reactjs med Typescript) har en database (Postdb) og funktion
Læs mere →reactjs - NextJS: Skub ny query string-værdi til en eksisterende asPath eller opdater den eksisterende query string
Jeg er lidt forvirret over, hvordan NextJS-routersystemet fungerer:
Jeg har artikler efter kategorier, som kan være:
Medical Charity Wedding FuneralJeg har en navigationsbjælke, hvor brugeren kan vise artikler efter kategori, og kan også søge efter et søgeord. Kategorifunktionen fungerer perfekt.
Sådan ser min navigationslinje ud:
Læs mere →reactjs - Hvorfor virkede setState ikke i dette tilfælde i NextJS?
Hej alle sammen! Jeg har et problem - setState virker ikke i min NextJS + TS applikation. Jeg prøvede min state gennem ReactHooks, men intet virkede, ændrede komponenten til en klasse, men intet virkede. Jeg prøvede at køre denne komponent i en nyoprettet CRA-applikation uden TS
Læs mere →typescript - Forespørgselsparametre i Nextjs-sti bliver dekodet
Vi indlæser nogle data fra en API, hvor vi bruger URL'en til at navigere gennem applikationen. I vores link-komponent sender vi en URL som <Link href={{ pathname: url , someOtherProperty }} />, hvor URL'en ser sådan ud: /path-to-page?query=value, men når jeg ser på klienten, ser jeg
Læs mere →reactjs - Hvordan man får Nextjs til at vise TypeScript-typefejl ved gemning
Jeg arbejder med et Nextjs Typescript-projekt og oplever, at typefejl ikke stopper appens kørsel som en anden slags fejl, det er et problem for mig, men det er et større problem, da TypeError opstår under byggetid, og man opdager, at der er typefejl for det meste, når man skal lave en deploy.
Er der en måde at få typescript-fejl til at blokere appens kørsel under udvikling? Hvilken konfiguration skal jeg bruge for at opnå dette?
Det er min tsconfig.
Læs mere →next.js - Mens jeg bygger en NextJS-applikation i Nx-arbejdsområde - får fejl: Kan ikke finde modulet 'typescript'
Mens jeg opretter et nyt @nrwl/workspace med en Next JS-app - får jeg fejlen Fejl: Kan ikke finde modulet 'typescript'. Er der nogen, der støder på det samme problem?
Trin -
- Opret et nyt nx-arbejdsområde
- Opret en ny app med NextJS-forudindstilling
- Byg appen med nx run <app-name>:build
- Generer billede fra dist/apps/<app-name> eller kopier bare dist et sted
- kør yarn eller npm install Læs mere →
typescript - Hvordan deaktiverer jeg resolveJsonModule for en enkelt JSON-fil i en NextJs-applikation?
Jeg bygger en Next.js-applikation, der bliver deployeret med Vercel. Alt har fungeret fint, indtil jeg for nylig lavede nogle ændringer i en stor JSON-fil, som yderligere øgede dens størrelse med omkring 20%. Størrelsesstigningen ser ud til at have brudt en slags grænse, og jeg får nu Webpack 5-fejl, som ser ud til at skyldes TypeScript-typeopløsning.
Jeg importerer JSON-filen direkte med en import. Ud fra det, jeg har kunnet finde ud af, ser det ud til, at resolveJsonModule compilerOpt
Læs mere →reactjs - Hvordan man sender en Nextjs-komponent med brugerdefinerede egenskaber som Children
For at tilføje en egenskab Auth til mine komponenter. Jeg har oprettet en grænseflade
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Så jeg kan præstere
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={sess Læs mere →reactjs - Hvordan man korrekt gemmer en JWT i en cookie i React ved brug af NextJS med TypeScript og useContext-hooken
Brugeren er indstillet og bevares på alle sider, men når browserens vindue opdateres, bliver brugeren logget ud. Ikke sikker på, om problemet er, hvordan jeg indstiller cookies, enhver rådgivning eller et alternativ er meget velkomment.
Her er UserContext-filen:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie" impo Læs mere →