Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Meu <h1> nao aparece no navegador (./page/inicio)

Referente ao curso React: praticando React com Js, no capítulo Primeiros passos e atividade Navegando entre páginas

por Levi.utima
| 40.5k xp | 29 posts
index.js (page/inicio)

function Inicio(){
    return(
        <h1>ola muindo toma toma</h1>
    )
}

export default Inicio;

-------------------------------------------------------------
routes.js

import { BrowserRouter, Route, Routes } from "react-router-dom";
import Inicio from "./pages/Inicio";

function AppRoutes(){
    return(
        <BrowserRouter>
        <Routes>
            <Route path='/' element={<Inicio />}></Route>
        </Routes>
        </BrowserRouter>
    )
}

export default AppRoutes;
1 resposta
solução!
por SARAH CRISTINA BATISTA DOS SANTOS
| 887.8k xp | 2113 posts
Alura Scuba Team Monitor/ fórum

Oi Levi, tudo bem contigo? Espero que sim!

O problema pode ser que você não está exportando corretamente o componente Inicio no arquivo index.js.

Tente modificar seu arquivo index.js para garantir que o componente Inicio esteja exportado corretamente:

// index.js (page/inicio)

import React from 'react';

function Inicio() {
    return (
        <h1>ola muindo toma toma</h1>
    );
}

export default Inicio;

Certifique-se de que você está importando corretamente o componente Inicio no arquivo routes.js. Se isso ainda não resolver o problema, verifique também se não há erros de importação ou se não há conflitos com outros componentes ou estilos que podem estar ocultando o

no navegador.

Espero ter ajudado!

Caso surja alguma dúvida fico à disposição.

Abraços e bons estudos!