Reactjs 反应路线未显示

我有一条没有渲染的路线。这可能是个难题，但我什么都试过了。使用最新版本的React、React route dom和es6

我的App.js：

import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import Controller from './Controller'
import Floor from './Floor'


const App = () => {

return (
    <div>
    <Router>
        <Switch>
            <Route path="/floor" component={Floor}/>
            <Route path="/controller" component={Controller}/>
        </Switch>
    </Router>
    </div>
    )

}

export default App

从“React”导入React
从“react dom”导入react dom
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}
从“./Controller”导入控制器
从“./Floor”导入地板
常量应用=（）=>{
返回(
)
}
导出默认应用程序

我的组成部分：

import React, { Component } from 'react';
import ReactDOM from 'react-dom'

export default class Floor extends Component {
    render() {
        return (
            <div>Floor</div>
        );
    }
}

import React，{Component}来自'React'；
从“react dom”导入react dom
导出默认类楼板延伸构件{
render（）{
返回(
地板
);
}
}

我的检查员：

---

我尝试了你的代码，它对我来说很好

在浏览器上尝试哪个URL？您是否也确定了

控制器

和

地板

组件的位置

---

对我来说，我访问

http://localhost:3000/controller

并且工作正常。

当没有呈现任何内容时，您在浏览器中打开了哪个url？