javascript - 尝试在反应中添加组件到路由时出错

Question

我在 react 中启动新项目，我想在我的 App.js 文件中将组件添加到 Route 但我收到此错误

错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查Router.Consumer.

这是我的代码

import React from 'react'
import {Route, BrowserRouter as Router} from 'react-router-dom';
import './App.css';
import Home from '../src/pages/Home';

function App() {
  return (
    <Router>
      <div className="App">
      </div>
      <Route path="/" component={Home}/>
    </Router>
  );
}

export default App;

标签： javascriptreactjstypescriptecmascript-5