La URL: https://lakgupta.github.io/gocomet-myntra-assignment
Como puede ver, el nombre coincide exactamente con la ruta, pero se agrega un "#/" al final de la URL tan pronto como se carga, por lo que mi página no se muestra en absoluto, ¿alguna solución?
Aplicación.js
<CartProvider> <Switch> <Route path="/gocomet-myntra-assignment" exact> {console.log(cartIsShown)} {cartIsShown && <Cart onHide={hideCartHandler}></Cart>}, <Navbar onClickCart={showCartHandler} onSearch={getSearchTerm} />, <Middlebar />, <div className="filter-product row"> {" "} <FilterTab></FilterTab>{" "} <ProductPage searchTerm={searchedTerm}></ProductPage>{" "} </div> </Route> <Route path="/product/:id"> {cartIsShown && <Cart onHide={hideCartHandler}></Cart>}, <ProductDetail onClickCartBtn={showCartHandler}></ProductDetail> </Route> </Switch> </CartProvider>Agregar este enrutador. Redirigirá a la misma URL sin la barra diagonal final.
<Redirect from="/:url*(/+)" to={pathname.slice(0, -1)} />