Creé mi sitio web con reaccionar y todo funciona perfectamente (al parecer) localmente y en otras computadoras. Lo he intentado varias veces en diferentes dispositivos móviles, pero cada vez que intento acceder a otra página usando Reacts HashRouter, aparece un error 404. Intenté alojar mi página a través de netlify y obtuve exactamente los mismos resultados. Además, mi estilo se estropea por alguna razón. Si alguien me puede dar algunas respuestas se lo agradecería mucho, he estado perplejo por un tiempo.

 import { BrowserRouter as Router, Routes, Route, Link, HashRouter, } from "react-router-dom"; import Home from "./pages/Home"; import HowToOrder from "./pages/HowToOrder"; import Menu from "./pages/Menu"; import ErrorPage from "./pages/ErrorPage"; import Contact from "./pages/Contact"; const App = () => { return ( <> <HashRouter> <div className="container-fluid g-0"> <nav className="navbar nav justify-content-center px-5 "> <Link className="nav_link" to="/"> <strong>Home</strong> </Link> <Link className="nav_link" to="/Menu"> <strong>Menu</strong> </Link> <Link className="" to="/"> <img className="img-fluid rounded" src={Chefness} width="280px" height="280px" /> </Link> <Link className="nav_link" to="/HowToOrder"> <strong>Order</strong> </Link> <Link className="nav_link" to="/Contact"> <strong>Contact</strong> </Link> </nav> </div> <Routes> <Route path="/" element={<Home />} /> <Route path="/Menu" element={<Menu />} /> <Route path="/Contact" element={<Contact />} /> <Route path="/HowToOrder" element={<HowToOrder />} /> <Route path="*" element={<ErrorPage />} /> </Routes> </HashRouter> </> ); }; export default App;