typescript - Não é possível aceder à variável antes da inicialização em getServerSideProps NextJS
Estou a trabalhar com o Firebase e a inicializar as APIs e funções para obter os dados de que preciso em firebase.tsx e depois a importá-las no meu ficheiro pages/index.tsx mas não consigo aceder às exportações após a inicialização da aplicação Firebase
services/firebase.tsx:
import firebase, { FirebaseOptions } from 'firebase/app' import { getAuth } from 'firebase/auth'; import { collection, doc, setDoc, getFirestore, query, where, getDocs, orderBy } from Ler mais →reactjs - Aviso: A prop `id` não correspondia. Servidor no NextJS
Estou a tentar livrar-me de um aviso no meu projeto:
react-dom.development.js?61bb:67 Warning: Prop `id` did not match. Server: "t4j6jv-aria" Client: "v0lutu9-aria"Infelizmente, não tenho ideia do que está a causar o problema, qualquer ajuda será apreciada. É assim que a linha 60 aparece em CasinoList.tsx:
Ler mais →reactjs - Carga inválida na letra da unidade do Windows com Yarn e NextJS
Hoje configurei um novo projeto utilizando Yarn e NextJS na minha máquina Windows. Ao iniciar, recebo um erro indicando que a diferenciação de maiúsculas e minúsculas é "inválida" para o diretório do meu projeto. Especificamente, estou a ver os seguintes erros:
typescript - Resolver problema de ciclo de dependência numa aplicação NextJS
Estou a ter um problema com um ciclo de dependência na minha aplicação NextJS que estou atualmente a tentar resolver.
Aqui estão os meus ficheiros. Só incluí as importações que estão a mostrar erro de ciclo de dependência
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'] Ler mais →reactjs - nextjs forçar transpilação de es6 para es5 ignorar tsconfig
Nextjs ignora a opção target do tsconfig durante a compilação. Classes ES6 e funções arrow são transpiled para funções.
Quando next build ele escreve no terminal
info - Using tsconfig file: ./tsconfig.jsone o alias de caminho não causa um erro. Então o meu tsconfig está a ser aplicado. Mas o Nextjs transpila todas as funções arrow, classes, etc
// tsconfig.json { "compilerOptions": { "target": &qu Ler mais →javascript - TypeError: Não é possível ler propriedades de undefined (a ler 'name') no Nextjs ao implantar no Vercel
Tenho o ficheiro abaixo que apresenta um erro do tipo TypeError.
Estou a tentar implantar a aplicação no Vercel usando Nextjs.
TypeError: Cannot read properties of undefined (reading 'name')Por favor, encontre o código abaixo
import { RawNodeDatum } from 'react-d3-tree/lib/types/common'; interface nodeBFSInterface { name: string; tree: RawNodeDatum | RawNodeDatum[]; newNodeName: string; attributes: { type: string; url?: strin Ler mais →webpack - Monorepo: (NextJS 13 + Typescript) Falha na análise do módulo
Estou a tentar mover uma aplicação Next.js 13 que está a funcionar atualmente para um monorepo único. Basicamente, criei um novo repositório usando npx create-turbo@latest e depois movi o meu repositório existente (vamos chamar-lhe "frontend") para a pasta apps/. Depois disso, fui e adicionei no apps/frontend/package.json a dependência 'ui':
{ "name": "frontend", "version": "0.1.0", Ler mais →typescript - A sessão do Provedor de Credenciais devolve sempre null com create-t3-stack (NextJS, NextAuth)
Então, estou a tentar fazer a página de login funcionar com email e palavra-passe da base de dados e quando clico para submeter os valores, estou sempre a ter a sessão como nula. Isto é o que estou a fazer:
CredentialsProvider({ name: "Credentials", credentials: {}, async authorize(credentials: any) { //check user const user: any = await prisma.user.findUnique({ where: { email: credentials.email, }, Ler mais →reactjs - Como resolvo o problema com useRef do NextJS?
Estou a criar uma página SSG usando Nextjs. Importe o model-viewer escrevendo uma tag não do Next.js. E eu quero ativar AR automaticamente quando o utilizador entrar nesta página. Então eu chamo activateAR() em useEffect() usando useRef, mas acontece um erro por causa do valor 'null' do useRef.
- Usando o 'next/link', primeiro erro -> atualizar? funciona.
- Usando ou digitando o URL diretamente no navegador, funciona sem erros. Embora null seja exibido na janela Ler mais →
reactjs - É seguro misturar código do cliente e do servidor no NextJS?
Apreciando usar NextJs pela sua capacidade de gerir facilmente o código do cliente e do servidor no mesmo framework.
Obviamente sei que o NextJS separa o código que sabe separar (por exemplo, getServerSideProps), mas é seguro ter variáveis/auxiliares de cliente e servidor no mesmo ficheiro?
Por exemplo, digamos que eu tenha um ficheiro chamado constants.ts situado em algum lugar na base de código. Se esse ficheiro contiver algo como:
/* cons Ler mais →