Saltar para o conteúdo principal

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

Ao criar aplicativos mobile no Replit, você pode encontrar problemas com pré-visualizações, empacotamento ou dependências de pacotes. Este guia ajuda você a resolver problemas comuns, começando por soluções rápidas e avançando para etapas de depuração mais profundas.

Soluções rápidas

Tente estas primeiro — elas resolvem a maioria dos problemas:
ProblemaO que tentar
Mudanças não aparecem no celularAgite o celular para abrir o menu do Expo e toque em Recarregar
Mudanças não aparecem na pré-visualizaçãoPressione R no console para reempacotar
Aplicativo travado ou sem respostaPare e reinicie o aplicativo pelo console

Problemas comuns

Quando você faz mudanças mas não as vê no seu celular:
  1. Agite o celular para abrir o menu do desenvolvedor do Expo
  2. Toque em Recarregar para baixar novamente o pacote
Na pré-visualização web, pressione R no console para acionar um reempacotamento.Se as mudanças ainda não aparecerem, tente limpar o cache (veja Limpar o cache do Metro abaixo).
Uma tela de erro vermelha geralmente indica um erro de JavaScript ou módulo ausente. Leia a mensagem de erro — ela frequentemente aponta para o arquivo e linha específicos.Causas comuns:
  • Um pacote não está instalado ou está na versão errada
  • Um módulo funciona na web, mas não no nativo (ou vice-versa)
  • Erro de sintaxe no seu código
O que tentar:
  1. Leia a mensagem de erro com atenção — ela muitas vezes diz exatamente o que há de errado
  2. Peça ao Agent para ajudar a corrigir o erro compartilhando a mensagem
  3. Se o erro mencionar um pacote específico, tente reinstalar as dependências (veja Reinstalar pacotes)
Alguns pacotes ou recursos funcionam de forma diferente entre plataformas. O React Native compila para três alvos: iOS, Android e web. Uma biblioteca que funciona na web pode não suportar o nativo, ou pode precisar de configuração diferente.O que tentar:
  1. Verifique se o pacote suporta sua plataforma na sua documentação
  2. Pergunte ao Agent: “Este pacote é compatível com o Expo Go?”
  3. Considere mover a funcionalidade para seu servidor se não for suportada no mobile
Ao pesquisar pacotes, procure por “compatível com Expo” ou verifique a documentação do SDK do Expo para módulos suportados.
Verifique sua rede:
  • Seu celular e computador devem estar na mesma rede WiFi
  • Algumas redes corporativas ou públicas bloqueiam a conexão
Tente o modo tunnel: Se você estiver em uma rede restrita, o modo tunnel roteia o tráfego pelos servidores do Expo. Peça ao Agent para iniciar o aplicativo com o modo tunnel ou execute npx expo start --tunnel no shell.Reinicie o Expo Go: Feche o Expo Go completamente e reabra-o antes de escanear.
A primeira build é sempre mais lenta porque não há cache. As builds subsequentes devem ser mais rápidas.O que afeta o tempo de build:
  • Número de pacotes no seu projeto
  • Primeira execução após limpar o cache
  • Velocidade de rede ao baixar pacotes
Se as builds forem consistentemente lentas, verifique se você tem pacotes desnecessários instalados.
Quando você vê “Não foi possível resolver o módulo” ou “Módulo não encontrado”:
  1. O pacote pode não estar instalado — peça ao Agent para instalá-lo
  2. O pacote pode estar instalado, mas o cache está desatualizado — limpe o cache
  3. O pacote pode não existir ou estar com nome incorreto — verifique o nome do pacote
Tente reinstalar os pacotes se o módulo deveria existir.

Comandos de depuração

Quando as soluções rápidas não funcionam, esses comandos ajudam a redefinir vários caches e estados. Execute-os no Shell.

Limpar o cache do Metro

O Metro é o empacotador que compila seu código React Native. Limpar seu cache força uma nova build. No shell, execute:
npx expo start --clear
Isso limpa o cache do empacotador e reinicia o servidor de desenvolvimento. Você verá “Cache do empacotador está vazio. Reconstruindo.” na saída.
Se você está frequentemente encontrando problemas de cache, pode adicionar -c ao seu comando de início. Peça ao Agent para atualizar o comando dev para incluir o sinalizador de limpeza.

Reinstalar pacotes

Se você estiver vendo erros de módulo ou incompatibilidades de versão, reinstalar os pacotes geralmente ajuda. No shell, execute:
rm -rf node_modules && npm install
Isso exclui todos os pacotes instalados e os reinstala do zero com base no seu package.json.
Se o seu projeto usa um gerenciador de pacotes diferente (como bun ou pnpm), use o comando de instalação apropriado: bun install ou pnpm install.

Verificar incompatibilidades de versão

O Expo Doctor verifica seu projeto em busca de problemas comuns, como incompatibilidades de versão entre pacotes. No shell, execute:
npx expo-doctor
Revise a saída para avisos. Se sugerir correções, avalie-as com cuidado — não atualize pacotes às cegas, pois isso pode introduzir novos problemas.
Atualize pacotes apenas quando houver um motivo específico para fazê-lo. Atualizar “só porque sim” pode quebrar seu aplicativo se a nova versão tiver mudanças incompatíveis.

Redefinição completa

Quando nada mais funciona, uma redefinição completa limpa todos os caches e reinstala tudo.
Este comando remove todos os caches e reinstala os pacotes do zero. Use-o como último recurso.
rm -rf node_modules .expo && npm cache clean --force && npm install && npx expo start --clear
O que isso faz:
  1. rm -rf node_modules — Exclui os pacotes instalados
  2. rm -rf .expo — Exclui o cache local do Expo
  3. npm cache clean --force — Limpa o cache global do npm
  4. npm install — Reinstala todos os pacotes
  5. npx expo start --clear — Inicia com um cache Metro limpo
Após executar isso, sua próxima build demorará mais, pois tudo será reconstruído do zero.

Limpar o cache no seu dispositivo

Se o aplicativo no seu celular parecer preso com código antigo, mesmo após o recarregamento:
  • iOS: No Expo Go, vá para Configurações e toque em Limpar cache
  • Android: Vá para Configurações > Aplicativos > Expo Go > Armazenamento > Limpar cache

Referência rápida

ProblemaTente primeiroDepois tente
Mudanças não aparecemAgite o celular → RecarregarLimpar cache do Metro
Erros do empacotadornpx expo start --clearExcluir node_modules
Módulo não encontradoReinstalar dependênciasRedefinição completa
Avisos de incompatibilidade de versãoExecute npx expo-doctorAvalie as correções sugeridas
Novo pacote não funcionandoReiniciar o servidorLimpar cache do Metro
app.json alteradoReiniciar o servidor

Obtendo mais ajuda

Se você ainda estiver com dificuldades:
  • Pergunte ao Agent: Descreva o erro e o que você tentou. O Agent geralmente consegue diagnosticar e corrigir problemas.
  • Verifique os documentos do Expo: O guia de solução de problemas do Expo cobre cenários adicionais.
  • Pesquise o erro: Copie a mensagem de erro exata e pesquise — alguém provavelmente já encontrou isso antes.

Próximos passos