Switch' is not defined react/jsx-no-undef

Question

Первый раз создаю приложение на React и столкнулся с такой проблемой:

Compiled with problems:X

ERROR

[eslint] src\App.js Line 17:6: 'Switch' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

app.js выглядит так

import logo from './logo.svg';
import './App.css';
import { BrowserRouter, Routes,Route,} from "react-router-dom";


import General from './routes/General/General';
import Certificate from './routes/Certificate/Certificate';
import Shop from './routes/Shop/Shop';
import Contacts from './routes/Contacts/Contacts';

function App() {
  return (
    <Switch>
      <Route path="/" component={General} />
      <Route path="/shop" component={Shop} />
      <Route path="/certificate" component={Certificate} />
      <Route path="/contacts" component={Contacts} />
    </Switch>
  );
}

export default App;

Как возможно исправить эту ошибку?

Answer 1

Вы не импортировали Switch
замените

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

на

import { Switch, BrowserRouter, Routes,Route,} from "react-router-dom";

У вас же даже в ошибке написано, что Switch не определён:

'Switch' is not defined

И строка указана

БЛОГ НА HUSL

Switch' is not defined react/jsx-no-undef

Ответы (1 шт):