2017-01-28 42 views
1

我學習,現在作出反應,路由器和文件報告不匹配的任何路由器反應報告沒有匹配的路由警告@ bundle.js:11780

我的路由器寫下這樣

這是我的路由器.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') 
); 

它應該呈現在瀏覽器SideBarHome組件,但只能找到SideBar組件。

enter image description here

+1

** **應該位於您的應用程序組件中,這是主要的入口點。你應該只返回路由器組件 – Hosar

回答

0

添加 「/約」 路線路徑 凡 代碼看起來像

而且使用 本地主機:您的端口號/項目文件夾/約

我認爲這會爲你工作