express - Ei voi käyttää NextJs + ExpressJs yhdessä typescriptin ja webpackin kanssa
Haluan asentaa ExpressJs:n TypeScriptin kanssa käyttämään IOC:ta InversifyJS:n kanssa ja Nextjs:ää es6:lla. Haluan myös käyttää webpackia pakkaamiseen. Koska minun täytyy tuoda Next server.ts-tiedostoon palvelinpuolen renderöintiä varten, asensin myös TypeScriptin Nextjs:lle, mutta haluan, että client-kans
Lue lisää →reactjs - React Typescript -sovelluksen muuntaminen Nextjs:ksi
Olen uusi Nextjs:ssä ja olen rakentanut web-sovelluksen käyttäen Reactjs + Typescript ja haluan muuntaa tämän Nextjs:ksi. Olen hämmentynyt tiedostorakenteesta, eli mikä menee minne ja asennusosasta. Nykyisellä web-sovelluksella (Reactjs Typescriptillä) on tietokanta (Postdb) ja toiminnallisuuksia kuten:
reactjs - NextJS: Työnnä uusi kyselymerkkijonon arvo olemassa olevaan asPathiin tai päivitä olemassa oleva kyselymerkkijono
Olen jotenkin hukassa sen kanssa, miten NextJS-reititinjärjestelmä toimii:
Minulla on artikkeleita kategorioittain, jotka voivat olla:
Medical Charity Wedding FuneralMinulla on navigointipalkki, jossa käyttäjä voi näyttää artikkeleita kategorian mukaan, ja myös hakea avainsanalla. Kategoriaominaisuus toimii täydellisesti.
Tältä navigointipalkkini näyttää:
Lue lisää →reactjs - Miksi setState ei toiminut tässä tapauksessa NextJS:ssä?
Hei kaikille! Minulla on ongelma - setState ei toimi NextJS + TS -sovelluksessani. Kokeilin tilani ReactHooksin kautta, mutta mikään ei toiminut, muutin komponentin luokaksi, mutta mikään ei toiminut. Yritin suorittaa tämän komponentin vastikään luodussa CRA-sovelluksessa ilman
Lue lisää →typescript - Kyselyparametrit Nextjs-polkunimessä puretaan
Olemme syöttämässä tietoja API:sta, jossa käytämme URL-osoitetta sovelluksen navigointiin. Linkkikomponentissamme välitämme URL-osoitteen muodossa <Link href={{ pathname: url , someOtherProperty }} />, missä URL näyttää tältä: /path-to-page?query=value, mutta kun tarkastelen sitä as
Lue lisää →reactjs - Kuinka saada Nextjs näyttämään Typescript-tyyppivirheitä tallennettaessa
Työskentelen Nextjs Typescript -projektin kanssa ja huomaan, että tyyppivirheet eivät pysäytä sovelluksen suoritusta toisenlaisen virheen tapaan, se on minulle ongelma, mutta suurempi ongelma on, että TypeError ilmenee rakennusvaiheessa, ja huomaan tyyppivirheitä yleensä vasta, kun on tarve tehdä käyttöönotto.
Onko olemassa tapa saada TypeScript-virheet estämään sovelluksen suorittamisen kehityksen aikana? Mitä asetuksia minun tulisi käyttää tämän saavuttamisek
Lue lisää →next.js - Rakentaessa NextJS-sovellusta Nx-työtilassa - saadaan virhe: Ei löydy moduulia 'typescript'
Kun luon uutta @nrwl/workspacea next JS -sovelluksella - saan virheen Error: Cannot find module 'typescript'. Onko kukaan muu törmännyt samaan ongelmaan?
Askeleet -
- Luo uusi nx-työtila
- Luo uusi sovellus NextJS-esiasetuksella
- Rakenna sovellus komennolla nx run <app-name>:build
- Luo kuva kohteesta dist/apps/<app-name> tai vain kopioi dist johonkin
- suorita yarn tai npm install
- Lue lisää →
typescript - Kuinka poistan resolveJsonModule käytöstä yhdelle JSON-tiedostolle NextJs-sovelluksessa?
Rakennan Next.js-sovellusta ja otan sen käyttöön Vercelillä. Kaikki on toiminut hyvin, kunnes tein äskettäin joitakin muutoksia suureen JSON-tiedostoon, mikä kasvatti sen kokoa noin 20%. Koon kasvu näyttää rikkoneen jonkinlaisen rajan, ja nyt saan Webpack 5 -virheitä, jotka näyttävät johtuvan TypeScriptin tyyppien resoluutiosta.
Tuon JSON-tiedoston suoraan importin avulla. Siitä, mitä olen saanut selville, näyttää siltä, että tsconfig.json-tiedostossa oleva resolveJsonModule-kääntäjäase
Lue lisää →reactjs - Kuinka välittää Nextjs-komponentti mukautetuilla ominaisuuksilla lapsikomponenttina
Lisätäkseni komponentteihini ominaisuuden Auth. Olen luonut rajapinnan
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Jotta voin esiintyä
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={session}> Lue lisää →reactjs - Kuinka tallentaa JWT oikein evästeeseen Reactissa käyttämällä NextJS:ää TypeScriptin ja useContext-hookin kanssa
Käyttäjä on asetettu ja säilyy kaikilla sivuilla, mutta kun selainikkuna päivitetään, käyttäjä kirjautuu ulos. En ole varma, onko ongelma siinä, miten asetetaan evästeet; kaikki neuvot tai vaihtoehdot ovat erittäin tervetulleita.
Tässä on UserContext-tiedosto:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie" import Lue lisää →