express - Nu pot folosi NextJs + ExpressJs cu TypeScript și Webpack
Vreau să configurez ExpressJs cu TypeScript pentru a folosi IOC cu InversifyJS și Nextjs cu es6. De asemenea, vreau să folosesc webpack pentru a face bundle. Deoarece trebuie să import Next în server.ts pentru a face redare pe server, am configurat TypeScript pentru nextjs de asemenea, dar vreau ca fișiere
Citeste mai mult →reactjs - Conversia aplicației React Typescript în Nextjs
Sunt nou în Nextjs și am creat o aplicație web folosind Reactjs + Typescript și vreau să o convertesc în Nextjs. Sunt confuz în legătură cu structura fișierelor, despre ce merge unde și partea de instalare. Aplicația web actuală (Reactjs cu Typescript) are o bază de date (Postdb) și funcționalități precum:
reactjs - NextJS: Adăugați o valoare nouă în șirul de interogare al unui asPath existent sau actualizați șirul de interogare existent
Sunt cam pierdut în legătură cu modul în care funcționează sistemul de rutare NextJS:
Am articole împărțite pe categorii care pot fi:
Medical Charity Wedding FuneralAm o bară de navigare unde utilizatorul poate afișa articole pe categorii și poate căuta și după un cuvânt cheie. Funcția de categorii funcționează perfect.
Așa arată bara mea de navigare:
Citeste mai mult →reactjs - De ce nu a funcționat setState în acest caz în NextJS?
Bună tuturor! Am o problemă - setState nu funcționează în aplicația mea NextJS + TS. Am încercat starea mea prin ReactHooks, dar nimic nu a funcționat, am schimbat componenta în clase, dar nimic nu a funcționat. Am încercat să rulez această componentă într-o aplicație CRA nou cr
Citeste mai mult →typescript - Parametrii interogării în calea Nextjs sunt decodificați
Ingerăm niște date de la un API unde folosim URL-ul pentru a naviga prin aplicație. În componenta noastră de link, trecem un URL ca <Link href={{ pathname: url , someOtherProperty }} /> unde URL-ul arată ca /path-to-page?query=value, dar când mă uit pe client văd că URL-ul este retu
Citeste mai mult →reactjs - Cum să faci ca Nextjs să afișeze erorile de tip TypeScript la salvare
Lucrez cu un proiect Nextjs Typescript și constat că erorile de tip nu opresc execuția aplicației ca un alt fel de eroare, ceea ce reprezintă o problemă pentru mine, dar este o problemă mai mare deoarece TypeError apare la timpul de construire, descoperind că există erori de tip în principal atunci când trebuie să fac un deploy.
Există o modalitate de a face ca erorile TypeScript să blocheze execuția aplicației în timpul dezvoltării? Ce configurare ar trebui să
Citeste mai mult →next.js - În timp ce construiesc o aplicație NextJS în spațiul de lucru Nx - apare eroarea: Nu se poate găsi modulul 'typescript'
În timp ce creez un nou @nrwl/workspace cu o aplicație Next JS - primesc eroarea Error: Cannot find module 'typescript'. Cineva s-a confruntat cu aceeași problemă?
Pași -
- Creează un nou spațiu de lucru nx
- Creează o nouă aplicație cu presetarea NextJS
- Construiește aplicația cu nx run <app-name>:build
- Generează imagine din dist/apps/<nume-aplicație> sau pur și simplu copiază dist-ul undeva
- rulează yarn Citeste mai mult →
typescript - Cum dezactivez resolveJsonModule pentru un singur fișier JSON într-o aplicație NextJs?
Construiesc o aplicație Next.js, implementând-o cu Vercel. Totul a funcționat bine până când recent am făcut câteva modificări într-un fișier JSON mare, care i-au mărit dimensiunea cu aproximativ 20%. Creșterea dimensiunii pare să fi depășit un fel de limită și acum primesc erori webpack 5, care par să fie cauzate de rezolvarea tipurilor TypeScript.
Import fișierul JSON direct cu un import. Din ceea ce am reușit să adun, se pare că opțiunea de compilator resolveJsonModule din tsconfig.j
Citeste mai mult →reactjs - Cum să transmiți un component Nextjs cu proprietăți personalizate ca și copii
Pentru a adăuga o proprietate Auth componentelor mele, am creat o interfață
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Ca să pot performa
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={session}> Citeste mai mult →reactjs - Cum să stochezi corect un JWT într-un cookie în React folosind NextJS cu TypeScript și hook-ul useContext
Utilizatorul este setat și persistă pe toate paginile, dar când fereastra browserului este reîncărcată, utilizatorul este delogat. Nu sunt sigur dacă problema este modul în care setez cookie-urile, orice sfat sau alternativă este foarte binevenită.
Iată fișierul UserContext:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "react-cookie&q Citeste mai mult →