Pesquisa de site
express - Não é possível usar NextJs + ExpressJs com TypeScript e Webpack
Eu quero configurar o ExpressJs com TypeScript para usar IOC com InversifyJS e Nextjs com es6. Eu também quero usar webpack para empacotar. Como eu devo importar Next em server.ts para fazer renderização do lado do servidor, então configurei o TypeScript para Nextjs também, mas eu quero que arquivos .js e
Consulte Mais informação →reactjs - Convertendo aplicação React Typescript para Nextjs
Sou novo em Nextjs e construí uma aplicação web usando Reactjs + Typescript e quero convertê-la para Nextjs. Estou confuso sobre a estrutura de arquivos, sobre o que vai onde e a parte de instalação. A aplicação web atual (Reactjs com Typescript) tem um banco de dados (Postdb) e funcionalidades como:
reactjs - NextJS: Adicionar um novo valor de string de consulta a um asPath existente ou atualizar a string de consulta existente
Estou meio perdido sobre como o sistema de roteamento do NextJS funciona:
Eu tenho artigos por categorias que podem ser:
Medical Charity Wedding FuneralEu tenho uma barra de navegação onde o usuário pode exibir artigos por categoria, e também pode pesquisar por uma palavra-chave. O recurso de categoria está funcionando perfeitamente.
É assim que minha barra de navegação se parece:
Consulte Mais informação →reactjs - Por que o setState não funcionou neste caso no NextJS?
Olá a todos! Eu tenho um problema - setState não funciona na minha aplicação NextJS + TS. Eu tentei meu estado através de ReactHooks, mas nada funcionou, transformei o componente em classes, mas nada funcionou. Eu tentei rodar este componente em uma aplicação CRA recém-criada se
Consulte Mais informação →typescript - Os parâmetros de consulta no pathname do Nextjs estão sendo decodificados
Estamos ingerindo alguns dados de uma API onde usamos a URL para navegar pelo aplicativo. No nosso componente de link, estamos passando uma URL como <Link href={{ pathname: url , someOtherProperty }} /> onde a URL se parece com /path-to-page?query=value, mas quando olho no cliente,
Consulte Mais informação →reactjs - Como fazer o Nextjs mostrar erros de tipos do TypeScript ao salvar
Estou trabalhando com um projeto Nextjs TypeScript e percebo que os erros de tipo não param a execução do aplicativo como outro tipo de erro, isso é um problema para mim, mas é um problema maior já que o TypeError ocorre no momento da compilação, descobrindo que há erros de tipo principalmente quando preciso fazer um deploy.
Existe uma maneira de fazer com que erros do TypeScript bloqueiem a execução do aplicativo durante o desenvolvimento? Qual configuração de
Consulte Mais informação →next.js - Ao construir uma aplicação NextJS em um workspace Nx - recebendo o erro: Não é possível encontrar o módulo 'typescript'
Ao criar um novo @nrwl/workspace com um app Next JS - recebo o erro Error: Cannot find module 'typescript'. Alguém mais está enfrentando o mesmo problema?
Etapas -
- Criar um novo workspace nx
- Crie um novo App com o Preset NextJS
- Compile o aplicativo com nx run <app-name>:build
- Gere a imagem a partir de dist/apps/<app-name> ou apenas copie o dist para algum lugar
- execute yarn ou npm install Consulte Mais informação →
typescript - Como desativo resolveJsonModule para um único arquivo JSON em uma aplicação NextJs?
Estou construindo uma aplicação Next.js, implantando com Vercel. Tudo estava funcionando bem, até que recentemente fiz algumas alterações em um grande arquivo JSON, o que aumentou ainda mais seu tamanho em cerca de 20%. O aumento de tamanho parece ter quebrado algum tipo de limite, e agora estou recebendo erros do webpack 5, que parecem estar relacionados à resolução de tipos do TypeScript.
Estou importando o arquivo JSON diretamente com um import. Pelo que pude reunir, parece que a opç
Consulte Mais informação →reactjs - Como passar um componente Nextjs com propriedades personalizadas como Children
Para adicionar uma propriedade Auth aos meus componentes. Eu criei uma interface
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Para que eu possa executar
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={se Consulte Mais informação →reactjs - Como armazenar corretamente um JWT em um cookie no React usando NextJS com TypeScript e o hook useContext
O usuário está definido e persiste em todas as páginas, mas quando a janela do navegador é atualizada, o usuário é desconectado. Não tenho certeza se o problema é a forma como estou definindo os cookies, qualquer conselho ou alternativa é muito bem-vindo.
Aqui está o arquivo UserContext:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from "r Consulte Mais informação →