typescript - Kan ikke få adgang til variabel før initialisering i getServerSideProps NextJS
Jeg arbejder med Firebase og initialiserer API'erne og funktionerne for at hente de data, jeg har brug for, i firebase.tsx og importerer dem derefter i min pages/index.tsx-fil men kan ikke få adgang til eksporterne efter Firebase-app-initiering
services/firebase.tsx:
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs, orderBy } from "fi Læs mere →reactjs - Advarsel: Prop `id` matchede ikke. Server i NextJS
Jeg prøver at slippe af med en advarsel i mit projekt:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"Desværre har jeg ingen idé om, hvad der forårsager problemet, enhver hjælp eller assistance værdsættes. Dette er, hvordan linje 60 ser ud i CasinoList.tsx:
Læs mere →reactjs - Ugyldig brug af store og små bogstaver i Windows-drevbogstav med Yarn og NextJS
Jeg opsatte et nyt projekt ved hjælp af Yarn og NextJS på min Windows-maskine i dag. Ved opstart får jeg en fejl om, at bogstavtypen er "ugyldig" for min projektmappe. Specifikt ser jeg følgende fejl:
- Invalid casing detected for project dir, received c:\su Læs mere →
typescript - Løs afhængighedscyklusproblem i NextJS-applikation
Jeg har et problem med en afhængighedscyklus i min NextJS-applikation, som jeg i øjeblikket kæmper med at løse.
Her er mine filer. Jeg har kun inkluderet de imports, som viser afhængighedscyklusfejl
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'], }; export const root Læs mere →reactjs - nextjs tvangstranspiler es6 til es5 ignorer tsconfig
Nextjs ignorerer tsconfig target-optionen under kompilering. Es6-klasser og arrow-funktioner transpileres til funktioner.
Når next build skrives i terminalen
info - Using tsconfig file: ./tsconfig.jsonog sti-aliaser forårsager ikke en fejl. Så min tsconfig anvendes. Men nextjs transpilerer alle pilfunktioner, klasser osv.
// tsconfig.json { "compilerOptions": { "target": "es2020", Læs mere →javascript - TypeError: Kan ikke læse egenskaber af undefined (læser 'name') i Nextjs ved implementering til Vercel
Jeg har fået den nedenstående fil, som klager over TypeError.
Jeg forsøger at implementere applikationen i Vercel ved hjælp af Nextjs.
TypeError: Cannot read properties of undefined (reading 'name')Venligst find koden nedenfor
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: stri Læs mere →webpack - Monorepo: (NextJS 13 + Typescript) Modulparsing mislykkedes
Jeg prøver at flytte en nuværende fungerende Next.js 13-app til et enkelt monorepo. Jeg har grundlæggende oprettet et nyt repo ved hjælp af npx create-turbo@latest og derefter flyttet mit eksisterende repo (lad os kalde det "frontend") til apps/-mappen. Derefter gik jeg videre og tilføjede i apps/frontend/package.json 'ui'-afhængigheden:
{ "name": "frontend", "version": "0.1.0", "priv Læs mere →typescript - Credentials Provider-session returnerer altid null med create-t3-stack (NextJS, NextAuth)
Så jeg prøver at få login-siden til at fungere med e-mail og adgangskode fra databasen, og når jeg klikker på send-knappen med værdierne, har jeg altid sessionen som nul. Dette er, hvad jeg gør:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, }); Læs mere →reactjs - Hvordan løser jeg problemet med useRef i NextJS?
Jeg laver en SSG-side ved hjælp af Nextjs. Jeg importerede model-viewer ved at skrive et tag, ikke fra Next.js. Og jeg vil aktivere AR automatisk, når brugeren går ind på denne side. Så jeg bruger activateAR() i useEffect() ved hjælp af useRef, men der opstår en fejl på grund af værdien 'null' fra useRef.
- Brug af 'next/link', første fejl -> opdatering? det virker.
- Ved at bruge eller indtaste URL direkte i browseren fungerer det uden fejl. Selvom null først vises i konsolv Læs mere →
reactjs - Er det sikkert at blande klient- og serverkode i NextJS?
Nyder at bruge NextJs for dets evne til nemt at håndtere klient- og serverkode i det samme framework.
Selvfølgelig ved jeg, at NextJS adskiller den kode, som det ved, hvordan man adskiller (f.eks. getServerSideProps), men er det sikkert at have klient- og servervariabler/hjælpere i den samme fil?
For eksempel, lad os sige, at jeg har en fil kaldet constants.ts, som ligger et sted i kodebasen. Hvis den fil indeholder noget som:
/* constants.t Læs mere →