1
resposta

Module not found outside src/

Estou tendo esse erro:

Module not found: You attempted to import ../components/FormularioCadastro which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

Meu codigo esta igual ao do professor, seria alguma configuracao diferente no React?

Codigo em /app.js :

import { Component } from "react";
import FormularioCadastro from "../components/FormularioCadastro";
import ListaDeNotas from "../components/ListaDeNotas";


class App extends Component {
  render() {
    return (
      <section>
        <FormularioCadastro />
        <ListaDeNotas />
      </section>

    );
  }
}

export default App;
1 resposta

Oi Davi! Tente fazer o import usando apenas ./ no inicio do acesso a pasta.

import FormularioCadastro from "./components/FormularioCadastro";

Quando você digita ./ quer dizer que quer acessar algum arquivo ou pasta dentro da raiz que você já está. Então no caso do arquivo App.js, a raiz é a pasta src, então vai ser procurado um arquivo/pasta dentro dela.

Quando você digita ../ quer dizer que você quer sair desta pasta que está e ir para um nível acima, nesse caso, fora da pasta src, por isso você está tendo esse problema, já que sua pasta components não está nesse local.

Uma forma de enxergar melhor se o acesso que está tentando fazer está correto e tirar duvidas assim é, quando você digitar "./" ou "../" você apertar CTRL+espaço depois da barra. Esse comando vai te mostrar o caminho do diretório e ajuda bastante, principalmente quando o projeto começa a ficar grande.

Espero ter ajudado, bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software