Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Bug] Componente Formulario não renderiza

Depois que movi os componentes 'CampoTexto' para dentro de 'Formulario', nada é renderizado e só aparece a seguinte mensagem de erro:

ERROR in ./src/App.js 5:0-49
Module not found: Error: Can't resolve './components/Formulario' in
'B:\Renan\OneDrive\Documentos\Projetos Web\Alura\Organo\organo\src'
Meu código para 'Formulario':

Captura de tela do vscode mostrando o código do componente Formulário

Meu código 'App'

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Meu código 'CampoTexto'

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Link do repositório: https://github.com/RenanSantos7/react-organo-app

2 respostas
solução!

Oi, tudo bom?

Obrigada por compartilhar comigo o seu repositório! Observando seu projeto, notei dois pontos que precisam ser corrigidos:

  1. No index do componente Formulario, você está utilizando o formato .html. No entanto, precisamos trabalhar com .js:

    Arquivo index.js do componente Formulario, presente em um projeto React JS.
  2. Dentro do arquivo index.js do componente Formulario, precisamos modificar o caminho da importação de CampoTexto, chegando no seguinte resultado:

    import './Formulario.css';
    import CampoTexto from '../CampoTexto';
    

    No código acima, ../CampoTexto é o caminho relativo para o arquivo. Os dois pontos (..) indica que estamos navegando um nível acima no sistema de arquivos.

Espero que essas dicas te ajudem! Caso o problema continue ou surjam novas dúvidas, conte com o fórum.

Um forte abraço!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Obrigado pela dica, Andrieli!