2015-05-13 26 views
0

我使用React 0.13.3與Webpack 1.9.5和traceur-loader 0.6.3(之前嘗試過babel-loader),獲取DefaultRoute中的_classCallCheck()引發的TypeError'無法作爲函數調用類'。我不知道我在哪裏調用一個類作爲函數。這是我的路線如下:React 0.13.x _classCallCheck()in DefaultRoute'不能調用類作爲函數'

var Application = require('./components/Application'); 
    var Home = require('./components/Home'); 
    var About = require('./components/About'); 
    var MainFeedVideos = require('./components/MainFeedVideos'); 
    var MyUploads = require('./components/MyUploads'); 
    ... 
    var routes = (
      //logged out content 
      <Route flux={flux} handler={Application}> 
       <DefaultRoute handler={Home} /> 
       <Route name='about' handler={About}/> 
       ... 
       //logged in content 
       <Route path='/' name='home' handler={Home}> 
        <DefaultRoute handler={MainFeedVideos} /> 
        <Route name='my-videos' handler={MyUploads}/> 
        ... 
       </Route> 
      </Route>); 

    Router.run(routes, Router.HistoryLocation, function (Handler) { 
     React.render(<Handler/>, document.getElementById('content')); 
    }); 

任何人有過這個問題嗎?

+0

你是否得到了與巴貝爾同樣的錯誤?這段代碼沒有任何問題,但它可能是您依賴的庫或其他組件。錯誤指向哪條線? – FakeRainBrigand

+0

是的,和巴貝爾完全一樣。錯誤指向DefaultRoute.js行#3 var _classCallCheck = ...'。 – dmk12

+0

你如何將JSX轉換爲Javascript?如果您使用的是jsx-loader,請檢查是否有最新版本。 –

回答

0

原來我在我的應用程序和家庭組件中使用舊的this.props.activeRouteHandler()而不是<RouteHandler/>,這是頂級路線。衛生署。

正確的語法示例在這裏http://rackt.github.io/react-router/