我已经使用 create-react-app 为 react 创建了一个新的工作存储库，并且我想使用 react-router-dom 添加一些路由路径。

这是我的 index.js 文件。

import React from 'react';
import ReactDOM from 'react-dom';
import PostsIndex from './components/posts_index';
import {BrowserRouter,Switch,Route} from 'react-router-dom';

ReactDom.render(
<BrowserRouter>
<div>
<Switch>
<Route path="/" component={PostsIndex} />
</Switch>
</div>
</BrowserRouter>,
document.getElementById('root')
);

这是我的 posts_index.js 文件

import React,{Component} from 'react';

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

有人可以帮我解决这个错误吗？