Búsqueda de sitios web
typescript - No se puede acceder a la variable antes de la inicialización en getServerSideProps NextJS
Estoy trabajando con Firebase e inicializando las APIs y funciones para recuperar los datos que necesito en firebase.tsx y luego importándolos en mi archivo pages/index.tsx pero no puedo acceder a las exportaciones después de la inicialización de la app de Firebase
servicios/firebase.tsx:
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs, o Leer más →reactjs - Advertencia: La propiedad `id` no coincide. Servidor en NextJS
Estoy intentando deshacerme de una advertencia en mi proyecto:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"Desafortunadamente, no tengo idea de qué está causando el problema, cualquier ayuda o asistencia será apreciada. Esto es lo que contiene la línea 60 en CasinoList.tsx:
Leer más →reactjs - Mayúsculas inválidas en la letra de unidad de Windows con Yarn y NextJS
Hoy configuré un nuevo proyecto usando Yarn y NextJS en mi máquina Windows. Al iniciar, recibo un error que indica que la capitalización es "inválida" para mi directorio de proyecto. Específicamente, estoy viendo los siguientes errores:
- Invalid casing dete Leer más →
typescript - Resolver el problema de ciclo de dependencias en una aplicación NextJS
Estoy teniendo un problema con un ciclo de dependencias dentro de mi aplicación NextJS que actualmente estoy luchando por resolver.
Aquí están mis archivos. Solo he incluido los imports que están mostrando el error de ciclo de dependencia
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, blackli Leer más →reactjs - nextjs forzar transpilación de es6 a es5 ignorar tsconfig
Nextjs ignora la opción target de tsconfig al compilar. Las clases ES6 y las funciones flecha se transpilan a funciones.
Cuando next build se ejecuta en la terminal
info - Using tsconfig file: ./tsconfig.jsony el alias de ruta no causa un error. Así que mi tsconfig se está aplicando. Pero nextjs transpila todas las funciones flecha, clases, etc.
// tsconfig.json { "compilerOptions": { "target": &q Leer más →javascript - TypeError: No se pueden leer las propiedades de undefined (leyendo 'name') en Nextjs al desplegar en Vercel
Tengo el siguiente archivo que se queja de TypeError.
Estoy intentando desplegar la aplicación en Vercel usando Nextjs.
TypeError: Cannot read properties of undefined (reading 'name')Por favor, encuentre el código a continuación
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: st Leer más →webpack - Monorepo: (NextJS 13 + Typescript) Error al analizar el módulo
Estoy tratando de mover una aplicación Next.js 13 que actualmente funciona a un monorepo único. Básicamente, creé un nuevo repositorio usando npx create-turbo@latest y luego moví mi repositorio existente (llamémoslo "frontend") a la carpeta apps/. Después de eso fui y agregué en apps/frontend/package.json la dependencia 'ui':
{ "name": "frontend", "version": "0.1.0", "private": t Leer más →typescript - El proveedor de credenciales de sesión siempre devuelve null con create-t3-stack (NextJS, NextAuth)
Así que estoy intentando hacer que la página de inicio de sesión funcione con el correo electrónico y la contraseña de la base de datos, y cuando hago clic en enviar los valores, siempre tengo la sesión como nula. Esto es lo que estoy haciendo:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email Leer más →reactjs - ¿Cómo soluciono un problema con useRef en NextJS?
Estoy creando una página SSG usando Nextjs. Importé model-viewer escribiendo una etiqueta en lugar de usar la de Next.js. Y quiero activar AR automáticamente cuando el usuario entra a esta página. Así que llamo a activateAR() en useEffect() usando useRef, pero ocurre un error debido al valor 'null' de useRef.
- Usando 'next/link', primer error -> ¿actualizar? funciona.
- Usando o escribiendo la URL directamente en el navegador, funciona sin errores. Aunque null se imprime en la Leer más →
reactjs - ¿Es seguro mezclar código de cliente y servidor en NextJS?
Disfrutando usar NextJs por su capacidad de gestionar fácilmente el código del cliente y del servidor en el mismo framework.
Obviamente sé que NextJS separa el código que sabe cómo separar (por ejemplo getServerSideProps), pero ¿es seguro tener variables/ayudantes de cliente y servidor en el mismo archivo?
Por ejemplo, digamos que tengo un archivo llamado constants.ts ubicado en algún lugar del código. Si ese archivo contiene algo como:
/* c Leer más →