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";)
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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!