typescript - Ei voi käyttää muuttujaa ennen alustamista getServerSidePropsissa NextJS:ssä
Työskentelen Firebasen kanssa ja alustelen API:t ja funktiot tarvittavien tietojen hakemiseksi firebase.tsx-tiedostossa ja sitten tuon ne pages/index.tsx-tiedostoon mutta en pääse käsiksi eksporatteihin Firebase-sovelluksen alustamisen jälkeen
services/firebase.tsx:
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs, orderBy } from "fir Lue lisää →reactjs - Varoitus: Prop `id` ei vastannut. Palvelin NextJS:ssä
Yritän päästä eroon varoituksesta projektissani:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"Valitettavasti minulla ei ole aavistustakaan, mikä aiheuttaa ongelman, kaikki apu on tervetullutta. Näin rivi 60 näyttää tiedostossa CasinoList.tsx:
Lue lisää →reactjs - Virheellinen kirjainkoko Windows-aseman kirjaimessa Yarnin ja NextJS:n kanssa
Perustin uuden projektin käyttäen Yarnia ja NextJS:ää Windows-koneellani tänään. Käynnistyksen yhteydessä saan virheilmoituksen, että projektihakemiston kirjainkoko on "virheellinen". Erityisesti näen seuraavat virheet:
- Invalid casing detected fo Lue lisää →
typescript - Ratkaise riippuvuussykliongelma NextJS-sovelluksessa
Minulla on ongelma riippuvuussyklin kanssa NextJS-sovelluksessani, jota yritän parhaillani ratkaista.
Tässä ovat tiedostoni. Olen sisällyttänyt vain ne tuonnit, jotka näyttävät riippuvuussykli-virheen
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 ro Lue lisää →reactjs - nextjs pakota ES6:n transpilointi ES5:ksi ohita tsconfig
Nextjs ohittaa tsconfigin target-asetuksen käännöksen yhteydessä. Es6-luokat ja nuolifunktiot muunnetaan funktioiksi.
Kun next build, se kirjoittaa terminaaliin
info - Using tsconfig file: ./tsconfig.jsoneikä polun alias aiheuta virhettä. Joten tsconfigini soveltuu. Mutta nextjs kääntää kaikki nuolifunktiot, luokat jne.
// tsconfig.json { "compilerOptions": { "target": "es2020", Lue lisää →javascript - TypeError: Ei voi lukea määrittelemättömän ominaisuuksia (luetaan 'name') Nextjs:ssä, kun otetaan käyttöön Vercelissä
Minulla on alla oleva tiedosto, joka valittaa TypeErrorista.
Yritän ottaa sovelluksen käyttöön Vercelissä käyttäen Nextjs:iä.
TypeError: Cannot read properties of undefined (reading 'name')Löydät koodin alta
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: string | undefined; Lue lisää →webpack - Monorepo: (NextJS 13 + Typescript) Moduulin jäsentäminen epäonnistui
Yritän siirtää tällä hetkellä toimivan Next.js 13 -sovelluksen yhteen monorepoon. Periaatteessa loin uuden reposton käyttämällä npx create-turbo@latest ja sitten siirsin olemassa olevan reposton (kutsutaan sitä "frontendiksi") apps/-kansioon. Tämän jälkeen menin ja lisäsin apps/frontend/package.json-tiedostoon 'ui'-riippuvuuden:
{ "name": "frontend", "version": "0.1.0", "pri Lue lisää →typescript - Tunnistetietojen tarjoajan istunto palauttaa aina null create-t3-stackin (NextJS, NextAuth) kanssa
Joten yritän saada kirjautumissivun toimimaan sähköpostilla ja salasanalla tietokannasta, ja kun klikkaan lähettääkseni arvot, istunto on aina null. Tässä mitä teen:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, }); if (!user) { t Lue lisää →reactjs - Kuinka ratkaisen ongelman NextJS:n useRefin kanssa?
Teen SSG-sivua käyttämällä Nextjsiä. Toin model-viewerin kirjoittamalla tagin, en Next.js:n tagia. Ja haluan aktivoida AR:n automaattisesti, kun käyttäjä tulee tälle sivulle. Joten kutsun activateAR():ia useEffect():ssa käyttäen useRef:iä, mutta virhe tapahtuu useRef:n arvon ollessa 'null'.
- Käyttämällä 'next/link', ensimmäinen virhe -> päivitä? se toimii.
- Kun käytät tai kirjoitat URL-osoitteen suoraan selaimeen, se toimii ilman virheitä. Vaikka konsoli-ikkunaan Lue lisää →
reactjs - Onko turvallista sekoittaa asiakas- ja palvelinkoodia NextJS:ssä?
Nautin NextJs:n käytöstä sen kyvyn ansiosta hallita helposti asiakas- ja palvelinkoodia samassa kehyksessä.
Ilmiselvästi tiedän, että NextJS erottaa koodin, jonka se osaa erottaa (esim. getServerSideProps), mutta onko turvallista pitää asiakas- ja palvelinmuuttujia/avustajia samassa tiedostossa?
Esimerkiksi, sanotaan että minulla on tiedosto nimeltä constants.ts jossain koodipohjassa. Jos kyseinen tiedosto sisältää jotain tällaista:
/* const Lue lisää →