reactjs-vite-tailwindcss-boilerplate icon indicating copy to clipboard operation
reactjs-vite-tailwindcss-boilerplate copied to clipboard

Sabe como fazer o roteamento? Estou sofrendo pois pela vercel está aparecendo 404

Open lei0gre opened this issue 1 year ago • 1 comments
trafficstars

Simplesmente, não parece que vercel está entendendo o vite e não consigo rotear apenas com react-router-dom, precisa de alguma configuração que desconheço...

<Router> <Routes> <Route path="/" element={<AppContent />} /> <Route path="/booster" element={<BecomeBooster />} /> </Routes> </Router>

lei0gre avatar May 24 '24 09:05 lei0gre

Acredito que você precisa ter um vercel.json configurado e adicionar uma pequena regra para sempre apontar para o seu index.html.

{
  "rewrites": [
    {
      "source": "/(.*)",
      "destination": "/index.html"
    }
  ]
}

joaopaulomoraes avatar May 24 '24 15:05 joaopaulomoraes

Nâo funcionou :/ ... mas brigado!

lei0gre avatar May 24 '24 23:05 lei0gre

Se puder dar mais contexto fica mais fácil te ajudar. Fique a vontade para entrar em contato ou me mandar uma dm no Twitter ou similar.

De qualquer forma, esse não é um problema com o boilerplate, nesse caso, estarei fechando essa issue.

joaopaulomoraes avatar May 24 '24 23:05 joaopaulomoraes

Na verdade funcionou joão, ele tinah travado na vercel por conta package-lock.json, agora foi. valeu amigo!!!

lei0gre avatar May 25 '24 00:05 lei0gre