Почему не работает Routes?

Question

[xwjkka]

вроде все подключила, нов итоге на каждой странице белый экран

-Apps.js

import React from 'react';
import {
  BrowserRouter,
  Routes,
  Route
} from "react-router-dom";
import About from "./pages/About"
import Registration from "./pages/Registration"

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Registration />} />
        <Route path="about" element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}
 
export default App;

-About.jsx -вторая страница аналогичная

import React from "react";

const About = ()  => {
  return (
    <h1>mdcksl</h1>
  );
}

export default About;

Comments

[xwjkka]

Для тех кто столкнулся с такой же проблемой. Я глянула ошибки в консоли браузера, там они как раз были, хотя в VsCode ничего. Лично у меня оказалось так что файл reactа повторялся, поэтому ничего не работало.

Ссылка на решение ошибки

Answer 1

[webjun]

Попробуйте к импортированным компонентам добавить .jsx
import About from "./pages/About.jsx"
import Registration from "./pages/Registration.jsx"