2014-09-27 3 views
1

Я обновил до последней версии 0.7.0 от react-router и не смог заставить его работать. Я не уверен, что это мои инструкции Require, я скопировал их с одного из примеров маршрутизатора.Не удается получить последний рабочий реактор

Я использую: watchify --debug -t reactify ./app.jsx -o ./build/app-brow.j

ниже код находит реагировать с помощью модулей НПХ при удалении реагировать-маршрутизатор код:

У меня эти модули NPM локально. watchify устанавливается глобально:

npm install react-router 
npm install reactify 
npm install react 

app.jsx

/** @jsx React.DOM */ 

var React = require('react'); 

// React Router 
var Router = require('react-router'); 
var Route = Router.Route; 
var Routes = Router.Routes; 
var Link = Router.Link; 


var MyAboutView = React.createClass({ 
    render: function() { 
    return (
     <div > 
     My About 
     </div> 
    ); 
    } 
}); 


var App = React.createClass({ 
    render: function() { 
     return (
     <div> 
      Main App 

      <this.props.activeRouteHandler/> 
     </div> 
    ); 
    } 
}); 


React.renderComponent((
    <Routes> 

    <Route path="/" handler={App}> 
     <Route name="about" handler={myAboutView} /> 
    </Route> 

    </Routes> 
), document.body); 

index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Test Router</title 

    </head> 

    <body> 
    Error, React/JS not loading. 

    <script type="text/javascript" src="build/app-brow.js"></script> 

    </body> 
</html> 
+0

Что говорит об ошибке? – Rygu

+0

Консоль браузера Ошибка показывает: 'Uncaught ReferenceError: myAboutView не определен.' –

ответ

2

Глупый меня, это была опечатка handler={myAboutView} должна быть handler={MyAboutView}, обратите внимание колпачков на MyAboutView.

+1

Я использую ESLint в своем редакторе, чтобы поймать эти опечатки. – Guy

 Смежные вопросы

  • Нет связанных вопросов^_^