当我尝试运行我的 React 项目时出现错误

Question

The error is coming from the first line of my App.js file I am getting an error on the first line when I try to import react. I have made sure that all dependencies are installed and I have also restarted vs code.

Uncaught SyntaxError c:\Users\Dell i7\react-category-v1\src\App.js:1 import React from 'react'

import React from 'react'
import { connect } from 'react-redux'


import './App.css';
import Navbar from './components/Navbar';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Home from './pages/Home';
import Reports from './pages/Reports';
import Products from './pages/Products';

function App() {
  return (
    <>
      <Router>
        <Navbar />
        <Switch>
          <Route path='/' exact component={Home} />
        
        </Switch>
      </Router>
    </>
  );
}

export default App;

Answer 1

use Routes instead of Switch, i think Switch is no longer available. if you are using latest version of react-route-dom

<Router>
      <Navbar />
      <Home/>
     <Routes>
        <Route path="/" exact component={Home} />
       </Routes>
    </Router>