Por que na importação do arquivo do módulo Início no arquivo routes.js, não precisa colocar o .js no final? (ficou assim a importação: import Inicio from "pages/Inicio";)
Solucionado
Por que na importação do arquivo do módulo Início no arquivo routes.js, não precisa colocar o .js no final? (ficou assim a importação: import Inicio from "pages/Inicio";)
Olá Mylena! Tudo bem?
A sua dúvida é bem comum quando estamos começando a trabalhar com módulos em JavaScript, especialmente em projetos React.
Quando você importa um módulo em JavaScript, como no caso do import Inicio from "pages/Inicio";, não é necessário incluir a extensão .js no final do caminho. Isso ocorre porque o Node.js e o bundler (como o Webpack ou o Babel, que são frequentemente usados em projetos React) assumem automaticamente que você está se referindo a um arquivo JavaScript.
Além disso, quando você tem um arquivo chamado index.js dentro de uma pasta, como no seu caso dentro da pasta Inicio, ele é considerado o ponto de entrada padrão para aquela pasta. Portanto, quando você importa pages/Inicio, o sistema entende que você está se referindo ao index.js dentro da pasta Inicio.
Por exemplo, se você tem a seguinte estrutura de pastas:
src/
pages/
Inicio/
index.js
inicio.module.css
E você faz a importação assim:
import Inicio from "pages/Inicio";
O sistema automaticamente busca o index.js dentro da pasta Inicio.
Espero ter ajudado. Conte com o apoio do fórum em sua jornada :)
Um abraço e bons estudos!
Entendi! Muito obrigada, ajudou bastante!