问无法运行最新的react-router
EN

Stack Overflow用户

提问于 2014-09-28 06:07:59

回答 1查看 3K关注 0票数 1

我升级到react-router的最新版本0.7.0，但无法使其正常工作。我不确定这是否是我的请求语句，我从一个路由器示例中复制了它们。

我正在使用: watchify --debug app reactifi./app.jsx -o ./build/ -t -Brow.j

当我删除react-router代码时，下面的代码通过NPM模块查找react：

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

reactjs

react-router

回答 1

Stack Overflow用户

发布于 2014-09-28 12:06:20

我真傻，这是一个拼写错误，handler={myAboutView}应该是handler={MyAboutView}，注意MyAboutView上的大写字母。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26079656

复制

相似问题

问无法运行最新的react-router
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法运行最新的react-routerEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法运行最新的react-router
EN