Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Retorno ao projeto e aparece erro 500 e um código HTML na descrição do erro

Ajuda por favor,

Estou seguindo o curso utilizando Android. Ontem consegui mostrar as duas fotos no Android Emulator, mas hoje ao retornar ao projeto tive um erro 500. Rodei o react-native run-android dentro da pasta InstaluraMobile.

Penso que o erro pode estar no index.js:

/**
 * @format
 */

import {AppRegistry} from 'react-native';
import App from './App';
import {name as InstaluraMobile} from './app.json';

AppRegistry.registerComponent('InstaluraMobile', () => App);

Meu app.js está da seguinte forma:

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Image, Dimensions} from 'react-native';

const width = Dimensions.get('screen').width;

const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
  android:
    'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});

export default class InstaluraMobile extends Component {
  render() {
    const fotos = [
     {id: 1, usuario: 'pedro'}
    ,{id: 2, usuario: 'rafael'}
    ,{id: 3, usuario: 'vitor'}
  ];

    return (

      <View style={{marginTop: 7}}>
        {fotos.map(foto => 
          <View key={foto.id}>
            <Text>{foto.usuario}</Text>
            <Image source={require('./Imagens/pop-os.png')}
                style={{width: width, height: width}} />
          </View>
        )}
      </View>
    );
  }
}

Quando fecho o erro aparece uma página em branco no emulador.

1 resposta
solução!

Boa noite, Pedro! Como vai?

Veja que no index.js vc está fazendo

import App from './App';

Contudo, no arquivo App.js vc faz

export default class InstaluraMobile extends Component {
     // Restante do código omitido.
} 

O erro está no seu import no arquivo index.js! Se vc está exportando a classe InstaluraMobile no arquivo App.js então vc precisa também fazer a importação de InstaluraMobile no arquivo index.js!

Seu index.js deveria ficar assim:

import {AppRegistry} from 'react-native';
import InstaluraMobile from './App';

AppRegistry.registerComponent('InstaluraMobile', () => InstaluraMobile);

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!