Skip to content
This repository has been archived by the owner on Jun 27, 2019. It is now read-only.

Treinamento RN

Jump to bottom
José Chaves Neto edited this page May 2, 2019 · 3 revisions

Troubleshooting

Vamos resolver alguns erros que aconteceram no treinamento de React Native, e tentar mostrar também como podemos identificar e resolver erros.

Primeiro erro

image

Este erro está acontecendo pois a variavel ref esta undefined isso acontece pois o construtor não foi inicializado corretamente, Reparem que no erro ele mostra o arquivo que está gerando o erro in Main, verifiquem o construtor desse arquivo para saber se o método super(props) foi chamado, também coloquem o parametro props no construtor. Como deve estar:

constructor(props) {
    super(props)
    //Resto do código
}

Segundo erro

image

Aqui está dizendo que ele não conseguiu encontrar a variavel Icon, isso acontece normalmente quando o nome está incorreto ou não existe import dessa variavel, verifiquem se o import dessa variavel existe ou se o nome está correto.

Terceiro erro

image

Parece complicado mas só parece mesmo, Quando aparecer mensagens desse tipo precisamos nos atentar ao mais importante, o local do erro e sua mensagem. No inicio da mensagem ele já diz o arquivo que está gerando o erro, /home/netochaves/RNTutorial/src/Screens/main.js após isso ele tem a message de erro Unable to resolve module ../components/todoIte isso significa que o componente não foi encontrado, então verifiquem o caminho para saber se está correto, como sabemos o nome do arquivo é todoItem não todoIte, está aí o erro.

Quarto erro

image

Esse erro é parecido com o anterior mas com algumas diferenças, primeiro ele informa a linha do arquivo que está gerando o erro: lineNumber: 40, ele também diz o arquivo: fileName: src/Screens/main.js e por fim a menssagem SyntaxError:JSX Attributes must only be assigned a non-empty expression, esta mensagem diz que atributos JSX não podem conter valores vazios, então vamos até a linha 40 do main.js para verificar se algum atributo dessa linha está vazio, por exemplo completed={}, basta corrigir.

Espero que isso tenha ajudado a entender um pouco mais as mensagens de erros do RN e como resolver esss erros, caso isso não seja suficiente para resolver o seu erro, pode me mandar uma mensagem que tentaremos resolver. Lembrem-se também do nosso amigo Google é um ótimo lugar pra encontrar soluções de erros, provavelmente alguém já teve o mesmo erro que você 😄.

TIPS

  • Ás vezes quando você tem certeza de que corrigiu um erro mas ele continua, tente rebuildar o app.

Desafios

Aqui vai alguns desafios para quem deseja continuar estudando React Native.

Resources

Clone this wiki locally