Recherche de site Web
typescript - Impossible d'accéder à la variable avant son initialisation dans getServerSideProps NextJS
Je travaille avec Firebase et j'initialise les API et fonctions pour récupérer les données dont j'ai besoin dans firebase.tsx, puis je les importe dans mon fichier pages/index.tsx mais je ne peux pas accéder aux exports après l'initialisation de l'application Firebase
services/firebase.tsx :
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs Lire la suite →reactjs - Avertissement : La propriété `id` ne correspond pas. Serveur dans NextJS
J'essaie de me débarrasser d'un avertissement dans mon projet :
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"Malheureusement, je n'ai aucune idée de ce qui cause le problème, toute aide serait appréciée. Voici à quoi ressemble la ligne 60 dans CasinoList.tsx :
Lire la suite →reactjs - Casse invalide dans la lettre de lecteur Windows avec Yarn et NextJS
J'ai créé un nouveau projet en utilisant Yarn et NextJS sur ma machine Windows aujourd'hui. Au démarrage, je reçois une erreur indiquant que la casse est « invalide » pour le répertoire de mon projet. Plus précisément, je vois les erreurs suivantes :
- Inval Lire la suite →
typescript - Résoudre le problème de cycle de dépendance dans une application NextJS
J'ai un problème avec un cycle de dépendances dans mon application NextJS que j'essaie actuellement de résoudre.
Voici mes fichiers. Je n'ai inclus que les imports qui montrent une erreur de cycle de dépendance.
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'], }; exp Lire la suite →reactjs - nextjs forcer la transpilation de es6 en es5 en ignorant tsconfig
Nextjs ignore l'option target de tsconfig lors de la compilation. Les classes ES6 et les fonctions fléchées sont transpilées en fonctions.
Lorsque next build s'exécute, il écrit dans le terminal
info - Using tsconfig file: ./tsconfig.jsonet l'alias de chemin ne cause pas d'erreur. Donc mon tsconfig s'applique. Mais nextjs transpile toutes les fonctions fléchées, classes, etc
// tsconfig.json { "compilerOptions": { Lire la suite →javascript - TypeError : Impossible de lire les propriétés de undefined (lecture de 'name') dans Nextjs lors du déploiement sur Vercel
J'ai le fichier ci-dessous qui signale une TypeError.
J'essaie de déployer l'application sur Vercel en utilisant Nextjs.
TypeError: Cannot read properties of undefined (reading 'name')Veuillez trouver le code ci-dessous
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: string | un Lire la suite →webpack - Monorepo : (NextJS 13 + Typescript) Échec de l'analyse du module
J'essaie de déplacer une application Next.js 13 actuellement fonctionnelle vers un monorepo unique. J'ai essentiellement créé un nouveau repo en utilisant npx create-turbo@latest, puis j'ai déplacé mon repo existant (appelons-le "frontend") dans le dossier apps/. Après cela, je suis allé et j'ai ajouté dans apps/frontend/package.json la dépendance 'ui':
{ "name": "frontend", "version": "0.1.0" Lire la suite →typescript - Le fournisseur d'identifiants de session renvoie toujours null avec create-t3-stack (NextJS, NextAuth)
Donc j'essaie de faire fonctionner la page de connexion avec l'email et le mot de passe de la base de données et quand je clique pour soumettre les valeurs, ma session est toujours nulle. Voici ce que je fais :
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, Lire la suite →reactjs - Comment résoudre un problème avec useRef de NextJS ?
Je crée une page SSG en utilisant Nextjs. J'ai importé model-viewer en écrivant une balise
- En utilisant 'next/link', première erreur -> actualiser ? ça fonctionne.
- En utilisant ou en tapant l'URL directement dans le nav Lire la suite →
reactjs - Est-il sûr de mélanger le code client et serveur dans NextJS ?
J'apprécie d'utiliser NextJs pour sa capacité à gérer facilement le code client et serveur dans le même framework.
Évidemment, je sais que NextJS sépare le code qu'il sait comment séparer (par exemple getServerSideProps), mais est-il sûr d'avoir des variables/assistants côté client et côté serveur dans le même fichier ?
Par exemple, supposons que j'ai un fichier appelé constants.ts qui se trouve quelque part dans la base de code. Si ce fichier contient qu
Lire la suite →