React Report与警告@ bundle.js的任何路由都不匹配：11780

Question

我正在学习React-router，文件报告与任何路由器都不匹配

我的路由器写得像这样

这是我的router.js

import '../../node_modules/antd/dist/antd.css'
import React from 'react'
import ReactDOM from 'react-dom'
import { browserHistory, Router, Route, IndexRoute } from 'react-router'

// import Init from '../main'
import SideBar from '../components/SideBar'
import App from '../components/App'
import Home from '../components/Home'
import About from '../components/About'
import Features from '../components/Features'


ReactDOM.render(
    <div>
    <SideBar/>

    <Router history={browserHistory}>
            <Route path='/' component={App}>
                <IndexRoute component={Home} />
                <Route path='about' component={About} />
                <Route path='features' component={Features} />
            </Route>
    </Router>
    </div>,
    document.getElementById('app')
);

它应该在浏览器中呈现SideBar和Home组件，但只能找到SideBar组件。

Answer 1

添加＆＃34; / about＆＃34;在路线路径 哪里 代码看起来像

并使用 Localhost：您的端口号/项目文件夹/关于

我认为这对你有用