Zoeken op website
reactjs - Hoe een JWT correct op te slaan in een cookie in React met NextJS met TypeScript en de useContext-hook
De gebruiker is ingesteld en blijft aanwezig op alle pagina's, maar wanneer het browservenster wordt vernieuwd, wordt de gebruiker uitgelogd. Niet zeker of het probleem is hoe ik de cookies instel, advies of een alternatief wordt zeer gewaardeerd.
Hier is het UserContext-bestand:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-coo Lees verder →typescript - Geen toegang tot de variabele vóór initialisatie in getServerSideProps NextJS
Ik werk met Firebase en initialiseert de API's en functies om de gegevens die ik nodig heb op te halen in firebase.tsx en importeer ze daarna in mijn pages/index.tsx-bestand maar kan de exports niet openen na de initialisatie van de Firebase-app
services/firebase.tsx:
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs, orderBy } from &q Lees verder →reactjs - Waarschuwing: Prop `id` kwam niet overeen. Server in NextJS
Ik probeer een waarschuwing in mijn project kwijt te raken:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"Helaas heb ik geen idee wat het probleem veroorzaakt, alle hulp wordt gewaardeerd. Zo ziet regel 60 eruit in CasinoList.tsx:
Lees verder →reactjs - Ongeldige hoofdlettergebruik in Windows-stationletter met Yarn en NextJS
Ik heb vandaag een nieuw project opgezet met Yarn en NextJS op mijn Windows-machine. Bij het opstarten krijg ik een foutmelding dat de hoofdlettergebruik "ongeldig" is voor mijn projectmap. Specifiek zie ik de volgende fouten:
- Invalid casing detected for p Lees verder →
typescript - Los probleem met afhankelijkheidscyclus op in NextJS-toepassing
Ik heb een probleem met een afhankelijkheidscyclus binnen mijn NextJS-toepassing, dat ik momenteel probeer op te lossen.
Hier zijn mijn bestanden. Ik heb alleen de imports opgenomen die een afhankelijkheidscyclusfout tonen
store.ts:
import rootSaga from './sagas/rootSaga';import authSliceStore from './slices/auth/authSlice.store'; // Dependency cycle via ./auth/auth.saga const persistConfig = { key: 'ea-root', version: 1, storage, blacklist: ['authError' Lees verder →reactjs - nextjs forceer transpileren van es6 naar es5 negeer tsconfig
Nextjs negeert de tsconfig target-optie bij het compileren. Es6-klassen en arrow-functies worden naar functies getranspileerd.
Wanneer next build wordt uitgevoerd, schrijft het in de terminal
info - Using tsconfig file: ./tsconfig.jsonen padalias veroorzaakt geen fout. Dus mijn tsconfig wordt toegepast. Maar Next.js transpileert alle arrow functions, klassen, enz.
// tsconfig.json { "compilerOptions": { &qu Lees verder →javascript - TypeError: Kan eigenschappen van undefined niet lezen (lezen van 'name') in Nextjs bij het deployen naar Vercel
Ik heb het onderstaande bestand dat klaagt over TypeError.
Ik probeer de applicatie te implementeren in Vercel met Nextjs.
TypeError: Cannot read properties of undefined (reading 'name')Vind de code hieronder
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: string | undefined; Lees verder →webpack - Monorepo: (NextJS 13 + Typescript) Moduleontleding mislukt
Ik probeer een momenteel werkende Next.js 13-app te verplaatsen naar een enkele monorepo. Ik heb in principe een nieuw repo gemaakt met npx create-turbo@latest en vervolgens mijn bestaande repo (laten we die 'frontend' noemen) naar de apps/ map verplaatst. Daarna ging ik naar apps/frontend/package.json en voegde de 'ui' afhankelijkheid toe:
{ "name": "frontend", "version": "0.1.0", "p Lees verder →typescript - Credentials Provider-sessie geeft altijd null terug met create-t3-stack (NextJS, NextAuth)
Dus ik probeer de loginpagina te laten werken met e-mail en wachtwoord uit de database en wanneer ik op verzenden klik, is de sessie altijd null. Dit is wat ik doe:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, }); if (!user) { th Lees verder →reactjs - Hoe los ik een probleem op met useRef van NextJS?
Ik maak een SSG-pagina met Nextjs. Ik heb model-viewer geïmporteerd door een <script>-tag te schrijven, niet met Next.js. En ik wil AR automatisch activeren wanneer de gebruiker deze pagina betreedt. Dus ik doe activateAR() in useEffect() met useRef, maar er gebeurt een fout vanwege de waarde 'null' van useRef.
- Gebruik van 'next/link', eerste fout -> vernieuwen? het werkt.
- Door de URL rechtstreeks in de browser te gebruiken of te typen, werkt het zonder fout. Hoewel e Lees verder →