es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo puedo arreglar esto?

Utilicé la última versión de React-dom. Cada vez que ejecuto este código en la terminal, la página se queda en blanco. ¿Qué podría estar mal? No hay errores en la consola ni errores de compilación. Solo en blanco.

import React from "react";
import {
  BrowserRouter as Router,
  Route,
  Redirect,
  Switch,
} from "react-router-dom";

import About from "./Pages/About/About";
import Contact from "./Pages/Contact/Contact";
import Home from "./Pages/Home/Home";
import Services from "./Pages/Home/Home";
import Testimonial from "./Pages/Testimonial/Testimonial";
import Navbar from "./Components/Navbar/Navbar";

const App = () => {
  return (
    <router>
      <navbar></navbar>
      <main>
        <switch>
          <route path="/" exact="">
            <home></home>
          </route>
          <route path="/about" exact="">
            <about></about>
          </route>
          <route path="/services" exact="">
            <services></services>
          </route>
          <route path="/testimonial" exact="">
            <testimonial></testimonial>
          </route>
          <route path="/contact" exact="">
            <contact></contact>
          </route>
          <redirect to="/"></redirect>
        </switch>
      </main>
    </router>
  );
};

export default App;
Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Basándose en el código proporcionado, es posible que el problema esté en las importaciones.

    • No hay ninguna importación para react-dom, por lo que no está claro cómo se está usando en este código.
    • La importación para Services apunta al directorio equivocado (./Pages/Home/Home), debería apuntar a su ruta correcta.

    Si corregir estos problemas de importación no resuelve el problema, se necesitaría más información, como el contenido del componente Navbar y los componentes Pages, para diagnosticar el problema más a fondo.

Comments are closed.