Reactjs ReactDOM.render生成错误元素类型无效

我正在尝试使用React路由器根据url显示正确的页面，基本内容。唯一的问题是我犯了一个我从未见过的错误。这是：

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

检查

Home

的渲染方法

不知道为什么我会看到这个。希望你们都能看到我遗漏的东西。 下面是my index.js的代码示例：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { BrowserRouter as Router } from "react-router-dom";

function doRender() {

    ReactDOM.render(
        <Router>
            <div>
                <App/>
            </div>
        </Router>, document.getElementById('root'));
}

doRender();

serviceWorker.unregister();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
将*作为serviceWorker从“/serviceWorker”导入；
从“react Router dom”导入{BrowserRouter as Router}；
函数doRender（）{
ReactDOM.render(
，document.getElementById（'root'）；
}
多伦德（）；
serviceWorker.unregister（）；

下面是App.js：

import React, { Component } from 'react';
import './App.css';
import { Route } from 'react-router-dom';
import Home from './Components/Home';


class App extends Component {
  render() {
    return (
        <div>
            <Route exact path="/" component={Home}/>
        </div>
    );
  }
}

export default App;

import React，{Component}来自'React'；
导入“/App.css”；
从'react router dom'导入{Route}；
从“./Components/Home”导入Home；
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序；

最后，这里是主页的代码：

import React, { Component } from 'react';
import '../index.css';
import MenuBar from '../SubComponents/MenuBar';
import bgVideo from '../Media/bg-video.mp4';

class Home extends Component {
    render() {
        return (
            <div className="App">
                <div className='MenuBar'>
                    <MenuBar/>
                </div>
                <div className="bg-video">
                    <video loop autoPlay>
                        <source src={bgVideo} type="video/mp4"/>
                    </video>
                </div>
            </div>
        );
    }
}

export default Home;

import React，{Component}来自'React'；
导入“../index.css”；
从“../SubComponents/MenuBar”导入菜单栏；
从“../Media/bg video.mp4”导入bgVideo；
类Home扩展组件{
render（）{
返回(
);
}
}
导出默认主页；

---

提前感谢您的帮助

菜单栏是默认的导出吗？是的，它是一个默认的导出，我已经设置为一个菜单，可以在每个页面上导入和使用。我今天晚些时候到家后会把密码寄出去。