2016-06-01 12 views
1

私はMeteorとReactで始まりました。私は単純なtodosブランチからいくつかのコードを取り出し、"/"ルートを設定しましたが、エラーはrouter.js:347 There is no route for the path: /のままです。ページには内容が表示されていますが、なぜこのエラーが表示されているのかわかりません。私は答えのためにグーグルを試みて、私はこれを解決するために何かを見つけることができません。私はまた、<Link />要素を作成してリンクを他のページに送ってもらうことができましたが、どちらも動作しません。ここでReact Routerは設定されていても常に経路がないと言います

私のコードは次のとおりです。

Routes.jsx

import React from 'react'; 
import { Router, Route, browserHistory, IndexRoute } from 'react-router'; 
import { render } from 'react-dom'; 


import Home from '../../ui/layouts/Home.jsx'; 
import SignUpPage from '../../ui/pages/SignUpPage.jsx'; 

export const renderRoutes =() => (
    <Router history={browserHistory}> 
    <Route path="/" component={Home} /> 
    </Router> 
); 

Home.jsx

import React, { Component, PropTypes } from 'react'; 
import ReactDOM from 'react-dom'; 
import { Meteor } from 'meteor/meteor'; 
import { RouteHandler } from 'react-router'; 

import NavBase from '../components/nav/NavBase.jsx'; 
import Splash from '../components/home/Splash.jsx'; 
import Snapshot from '../components/home/Snapshot.jsx'; 
import FooterCTA from '../components/home/FooterCTA.jsx'; 
import JoinModal from '../components/accounts/JoinModal.jsx'; 
import LogInModal from '../components/accounts/LogInModal.jsx'; 

import '../stylesheets/bootstrap.min.css'; 
import '../stylesheets/style.css'; 

export default class Home extends Component { 
    render() { 
    return (
     <div> 

     <NavBase /> 
     <Splash /> 
     <Snapshot /> 
     <FooterCTA /> 
     <LogInModal /> 

     {this.props.children} 

     </div> 
    ) 
    } 
} 

Home.propTypes = { 
    currentUser: React.PropTypes.object, 
    children: React.PropTypes.element, 
}; 

main.jsx

import { Meteor } from 'meteor/meteor'; 
import { render } from 'react-dom'; 
import { renderRoutes } from '../imports/startup/client/routes.jsx'; 

Meteor.startup(() => { 
    render(renderRoutes(), document.getElementById('app')); 
}); 

これですべてのヘルプは非常だろう感謝!今はしばらくの間立ち往生しています。

答えて

0

それはあなたがあなたのアプリケーションのレイアウトとしてホームを宣言しているように、あなたはこのような下のあなたのルートを持っているでしょうになります。

<Router history={browserHistory}> 
    <Route path="/" component={App}> 
    <IndexRoute component={Home}/> 
    <Route path="/another" component={Another}/> 
    </Route> 
</Router> 
関連する問題