• Stars
    star
    1,076
  • Rank 42,988 (Top 0.9 %)
  • Language
  • Created about 5 years ago
  • Updated about 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Common issues while developing with Expo

Expo common issues

Esse repositório contém uma série de erros (e suas soluções) que você pode ter com o Expo.

Issues

Expo command not found

  • Verifique se você instalou o expo-cli e se foi configurado corretamente no seu $PATH.

  • Para mais informações sobre como instalar o expo-cli verifique a documentação.

Invalid Regular Expression

  • Esse erro ocorre principalmente no Windows por conta de pastas que possuem espaços, pontos, acentos ou outros caracteres inválidos (ex: "Semana Omnistack" ou "C:\Users\João Pedro"). Para evitar esse erro, recomendamos que crie seu projeto na raíz do seu drive, por exemplo: "C:\SemanaOmnistack".

  • Esse erro também pode ser encontrado caso você esteja utilizando a versão 12+ do NodeJs, nesse caso, basta fazer o downgrade para a versão 10.

Input is required, but Expo CLI is in non-interactive mode.

  • Alguns terminais (git bash, por exemplo) podem bloquear a interatividade das CLIs. Inicie seu projeto com o comando: expo init mobile --template blank

Network response timed out

  • Verifique se seu computador e seu celular estão na mesma rede;
  • Configurações de firewall podem influenciar:
    • Mude a configuração da sua rede de WiFi de "Pública" para "Privada" e inicie seu projeto do expo novamente;
    • Rode o comando yarn start ou expo start através do terminal do seu computador ao invés de usar o terminal embutido do VSCode;
  • VMWare ou VirtualBox ou Docker podem influenciar na hora do Expo criar um endereço IP, se estiver com algum destes serviços rodando, altere a conexão de LAN para Tunnel;
  • Altere a conexão de LAN pra Tunnel;

The internet connection appears to be offline.

  • Verifique método pelo qual você está tentando acessar aplicação. Caso opte pelo método LAN, verifique se o IP é no formato 192.x.x.x, se não, troque para esse formato e tente acessar a aplicação novamente. Exemplo: exp://192.168.0.5:19000. Se o erro persistir, opte pela conexão do tipo Tunnel lá na pagina do Expo e utilize a URL/QR Code disponibilizado.

Imagens não aparecendo no dispositivo físico

  • Altere o seguinte campo no seu Model de Spot para mostrar seu IP ao invés de localhost:
SpotSchema.virtual('thumbnail_url').get(function() {
  return `http://IP_DA_SUA_REDE:3333/files/${this.thumbnail}`;
});

Logo ou Texto aparecendo atrás das barra de status no Android

  • O Expo muda a cor da barra de status do Android para transparente por padrão, e isso faz com que o comportamento dos elementos funcione igual no iOS, porém a SafeAreaView não funciona no Android. A forma mais rápida de resolver isso é adicionando as seguintes linhas no seu arquivo app.json:
{
  "expo": {
    ...
    //adicione as linhas abaixo
    "androidStatusBar": {
      "barStyle": "dark-content",
      "backgroundColor": "#ffffff"
    },
  }
}
  • Após este processo, pare o processo do Metro Bundler do Expo apertando Ctrl + C no terminal que está rodando, e inicie novamente.

ENOSPC: System limit for number of file watchers reached

  • Em dispositivos Linux, o sistema pode ter uma certa limitação para o uso do live reload, o que ocasiona esse erro quando o diretório de algum projeto com a função ativada possui muitos arquivos. Execute o comando echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc sysctl.conf && sudo sysctl -p em seu terminal e o problema será resolvido.

KeyboardAvoidingView não funciona no Android

  • Caso o componente KeyboardAvoidingView não tenha o comportamento esperado no Android, ajustar o layout quando o teclado é exibido. Você pode tentar passar o parâmetro behavior como null, pois em dispositivos Android ele se comportará melhor sem o behavior.
import { KeyboardAvoidingView, Platform } from 'react-native';

<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : null}>
  ... outros componentes ...
</KeyboardAvoidingView>;

UnauthorizedAccess on run Expo command on Microsoft PowerShell

  • Caso esteja tentando executar expo -h através do Microsoft PowerShell e a mensagem de erro apresentada seja

    expo : O arquivo C:\USUARIO\AppData\Roaming\npm\expo.ps1 não pode ser carregado porque a execução de scripts foi desabilitada neste sistema. Para obter mais informações, consulte about_Execution_Policies em https://go.microsoft.com/fwlink/?LinkID=135170. No linha:1 caractere:1

+ expo -h
> + ~~~~
> + CategoryInfo : ErrodeSegurança: (:) [], PSSecurityException
> + FullyQualifiedErrorId : UnauthorizedAccess

  • Seguir os seguintes passos:
  1. No Microsoft PowerShell digitar Get-ExecutionPolicy. Irá aparecer Restricted
  2. Em seguida, digitar Set-ExecutionPolicy Unrestricted, apertar enter e digitar S para aceitar a alteração da política de execução
  3. Após feitos os passos anteriores, se digitar Get-ExecutionPolicy novamente, o terminal deverá mostrar Unrestricted
  • Feito os passos anteriores, seu PowerShell estará habilitado para executar comandos Expo.

O arquivo não pode ser carregado

  • Ao executar o script expo -h, o Porwershell pode restringir sua execução. Para resolver o problema, basta remover a restrição com o comando set-executionpolicy bypass e executar o script do expo novamente. O comando get-executionpolicy pode ser utilizado para saber qual o nível de restrição está sendo utilizado.

  • Para mais informações sobre as restrições, acesse a documentação da microsoft

More Repositories

1

awesome

Uma lista dos materiais gratuitos diponibilizados pela Rocketseat, incluindo conteúdos do Blog, Youtube e Instagram.
1,077
star
2

eslint-config-rocketseat

ESLint configuration used by Rocketseat
JavaScript
689
star
3

comunidade

Informações sobre a comunidade da Rocketseat
566
star
4

react-native-template-rocketseat-advanced

Template avançada para aplicações React Native com a estrutura utilizada na Rocketseat 🚀
JavaScript
506
star
5

umbriel

📪 Mail sending microservice with Node.js, TypeScript and MongoDB
TypeScript
470
star
6

react-native-template-rocketseat-basic

Template básica para aplicações React Native com a estrutura utilizada na Rocketseat 🚀
JavaScript
466
star
7

ambiente-react-native

Antigo guia de Ambiente React Native
445
star
8

adonis-bull

The easiest way to start using an asynchronous job queue with AdonisJS. Ready for Adonis v5 ⚡️
JavaScript
309
star
9

frontend-challenge

JavaScript
275
star
10

jupiter

Rocketseat video internal platform.
TypeScript
212
star
11

docs

Documentação de projetos open-source da Rocketseat
JavaScript
197
star
12

rocketseat-vscode-react-native-snippets

Rocketseat React Native snippets for Visual Studio Code Editor
182
star
13

rocketseat-vscode-reactjs-snippets

Rocketseat ReactJS snippets for Visual Studio Code Editor
175
star
14

backend-template

Back-end template used when creating new applications.
TypeScript
150
star
15

upload

Internal platform to upload videos.
TypeScript
147
star
16

commitlint-config

Shareable commitlint config used by Rocketseat 🚀
JavaScript
99
star
17

houston

Rocketseat AI platform.
TypeScript
62
star
18

backend-challenge

TypeScript
60
star
19

app-quiz

TypeScript
56
star
20

adonis-timezone

Timezone provider for the Adonis framework
JavaScript
55
star
21

maratona-explorer-ticket

A ticket generator for Maratona Explorer
TypeScript
45
star
22

rocketpwa

[DEPRECATED] Command-line toolbelt for PWA developers
JavaScript
37
star
23

journey-quiz

TypeScript
23
star
24

omni-cli-server-express

JavaScript
16
star
25

rocketnative-sublime-snippets

[DEPRECATED] Rocketseat React Native snippets for Sublime Text Editor
14
star
26

poc-nestjs

JavaScript
13
star
27

omni-cli-web

JavaScript
10
star
28

.github

Community health files for the @rocketseat organization 👋🏻
7
star
29

rocketnative-atom-snippets

[DEPRECATED] Rocketseat React Native snippets for Atom Editor
1
star