0

Aqui está meu código:

-Rotas

import {
  BrowserRouter as Router, 
  Routes,
  Route, 
} from "react-router-dom"

import { Home } from '../pages/Home';
import { Cart } from '../pages/Cart';
import { Catalog } from '../pages/catalog';

export function AppRoutes() {
  return (
    <Router>
      <Routes>
        <Route path='/' element={<Home />} />
        <Route path='/Cart' element={<Cart />} />
        <Route path='/catalog' element={<Catalog />} />
      </Routes>
    </Router>
  )
}



-App.tsx

import { useState } from "react"
import { Tweet } from "./components/Tweet"
import {AppRoutes} from './routes/Routes'

function App() {

  return (
    <AppRoutes />
  )
}

export default App


-tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": false,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src", "routes", "routes/Routes.tsx"],
  "references": [{ "path": "./tsconfig.node.json" }]
}
8
  • Olá amigo. Lembre-se de usar as ferramentas de formatação disponíveis para postar código... Quanto ao problema, é um pouco difícil de alguém ajudar sem poder reproduzir localmente... 404 significa não existente - tu tens certeza que os endereços estão corretos? Commented 15/03/2022 às 12:14
  • Então, sim. O código estava funcionando normalmente até o momento em que mudei a pasta "routes" de lugar. Depois que parou de funcionar até tentei colocar de volta mas não voltou a rodar. Acredito que o problema está nas rotas pois em nenhum lugar indica erro, nem no Vs Code ou no navegador
    – Gusta
    Commented 15/03/2022 às 12:17
  • Amigo, ao que parece pelo que tu descreveste, o problema está nas tuas rotas. É impossível que alguém consiga te ajudar (além de te dizer - verifica se as rotas estão corretas) sem reproduzir exatamente o teu ambiente (inclusive com a localização de cada dependência). A minha recomendação é que tu vá debugando e ajustando as rotas até encontrares o erro... boa sorte... Commented 15/03/2022 às 15:07
  • Certo, muito obrigado! (como marco a pergunta como respondida?)
    – Gusta
    Commented 15/03/2022 às 16:34
  • Só é possível marcar como respondida quando há uma resposta nela. Se há uma resposta e ela soluciona o caso, quem pergunta pode selecionar como resposta correta (aparece um V verde para ser marcado) Commented 15/03/2022 às 17:10

1 Resposta 1

0

O erro que estás tendo significa página inexistente. Provavelmente está acontecendo porque os recursos - que, de acordo com os comentários que tu colocaste, existiam - foram deletados ou movidos para um lugar que não bate com as rotas que definiste.

Para resolver isso, tu precisas ir ajustando as rotas e debugando até encontrares o erro. Vá ajustando os caminhos (path) de cada rota e veja se eles passam a ser encontrados. Não há muito que a gente possa ajudar além disso, pois precisaríamos reproduzir com exatidão o ambiente onde teu software está rodando para reproduzir e corrigir.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .