Question

我已升级到react-router的最新版本0.7.0并且无法正常运行。我不确定它是否是我的Require语句，我从其中一个路由器示例中复制了它们。

我正在使用： watchify --debug -t reactify ./app.jsx -o ./build/app-brow.j

当我删除react-router代码时，下面的代码发现通过NPM模块做出反应：

我在本地拥有这些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>

Answer 1

愚蠢的我，这是一个错字handler={myAboutView}应该是handler={MyAboutView}，请注意MyAboutView上的CAP。

无法获得最新的react-router工作

1 个答案: