小编Raj*_*ngh的帖子

我是一个反应初学者，刚刚开始主题react-router-dom教程。首先，我使用安装了react-router-dom， npm i react-router-dom 然后在app.js中，我使用函数标头中的默认代码，并在react-router-dom结构中调用此元素：

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

function App() {
  return (
    <Router>
    <Routes>
      <Route path="/" element={<Header />} />
    </Routes>
  </Router>
  );
}
export default App;
function Header(){
  return(
    <div className="App">
  <header className="App-header">
    <img src={logo} className="App-logo" alt="logo" />
    <p>Edit <code>src/App.js</code> and save to reload.</p>
    <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
      Learn React
    </a>
  </header>
</div>
  );
  
}

当我使用启动服务器时npm start出现此错误：

log.js:59 Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): …