Render Error

Olá Mauricio, tudo bem?

Pelo que entendi, você está enfrentando um problema ao fazer uma chamada da Cesta.js em App.js, correto? O erro que está aparecendo é "Render Error".

Bom, esse erro pode ter diversas causas, mas uma possibilidade é que a importação ou o uso da Cesta.js esteja incorreto. Verifique se o caminho da importação está correto e se a sintaxe está correta também.

Outra possibilidade é que a Cesta.js esteja com algum erro de código que esteja impedindo o seu funcionamento. Nesse caso, é importante analisar o código dessa função para identificar possíveis erros.

Caso nenhuma dessas soluções resolva o problema, sugiro que você poste mais informações sobre o erro, como a mensagem completa que está sendo exibida, para que possamos te ajudar de forma mais precisa.

Espero ter ajudado e bons estudos!

O código está totalmente correto, sem nenhum erro até o momento anterior da chamada da Cesta.js. Segue a linha de código do erro: 'import...='can only be used in TypeScript files. ts(8002) [Ln5, Col1] '=' expected. ts(1005) [Ln 5, Col 14]

Código do App.js

1 import { StatusBar } from 'expo-status-bar';
2 import React from 'react';
3 import { StyleSheet, Text, View } from 'react-native';
4
5 import Cesta './src/telas/Cesta';
6
7
8 export default function App() {
9  return (
10    <View style={styles.container}>
11     <Cesta />
12      <StatusBar style="auto" />
13    </View>
14  );
15 }

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Olá, Mauricio Francisco Mello, tudo bem?

Primeiramente, agradeço por trazer sua dúvida ao fórum. Com base no código que você compartilhou, é possível identificar alguns pontos que podem estar causando o erro.

Vamos analisar essa linha em questão:

import Cesta './src/telas/Cesta';

O erro específico menciona que tem algum erro com o import do Cesta. Aparentemente, ficou faltando o from do import. Então, adicionando ele no código o mesmo deve voltar a funcionar. A linha corrigida seria:

import Cesta from './src/telas/Cesta';

Após fazer essa correção, o código deve ficar da seguinte forma:

1 import { StatusBar } from 'expo-status-bar';
2 import React from 'react';
3 import { StyleSheet, Text, View } from 'react-native';
4
5 import Cesta from './src/telas/Cesta';
6
7
8 export default function App() {
9  return (
10    <View style={styles.container}>
11     <Cesta />
12      <StatusBar style="auto" />
13    </View>
14  );
15 }

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Após essa correção, recomendo que você salve o arquivo e tente executar novamente o aplicativo para verificar se o erro persiste. Caso o erro persista ou surja algum novo, por favor, forneça as informações detalhadas sobre o erro, incluindo a mensagem completa exibida, para que possamos investigar mais a fundo e ajudá-lo de forma precisa.

Lembre-se também de verificar se o caminho do arquivo "Cesta.js" está correto em relação à estrutura do projeto. Certifique-se de que o caminho especificado em './src/telas/Cesta' é o correto e que o arquivo "Cesta.js" está realmente localizado nesse diretório.

Além disso, é sempre bom verificar se as dependências necessárias estão devidamente instaladas. Caso contrário, isso também pode causar erros durante a execução do aplicativo.

Espero que essas orientações possam ajudá-lo a resolver o problema. Se você tiver mais dúvidas ou enfrentar outros obstáculos, não hesite em compartilhá-los conosco. Estamos aqui para auxiliá-lo em seu aprendizado.

Espero que tenha te ajudado, bons estudos!