Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在DefaultRoute'中反应0.13.x_classCallCheck();无法将类作为函数调用’;_Javascript_Reactjs_Webpack_React Router_Traceur - Fatal编程技术网

Javascript 在DefaultRoute'中反应0.13.x_classCallCheck();无法将类作为函数调用’;

Javascript 在DefaultRoute'中反应0.13.x_classCallCheck();无法将类作为函数调用’;,javascript,reactjs,webpack,react-router,traceur,Javascript,Reactjs,Webpack,React Router,Traceur,我将React 0.13.3与Webpack 1.9.5和traceur loader 0.6.3一起使用(之前尝试过babel loader),得到DefaultRoute中的_classCallCheck()抛出的TypeError“不能将类作为函数调用”。我不知道我在哪里调用一个类作为函数。这就是我的路线: var Application = require('./components/Application'); var Home = require('./compone

我将React 0.13.3与Webpack 1.9.5和traceur loader 0.6.3一起使用(之前尝试过babel loader),得到DefaultRoute中的_classCallCheck()抛出的TypeError“不能将类作为函数调用”。我不知道我在哪里调用一个类作为函数。这就是我的路线:

    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'));
    });
var应用程序=需要('./组件/应用程序');
var Home=需要('./组件/Home');
变量About=需要('./组件/About');
var mainfeedvides=需要('./组件/mainfeedvides');
var MyUploads=require('./组件/MyUploads');
...
变量路由=(
//注销内容
...
//登录内容
...
);
Router.run(路由、Router.HistoryLocation、函数(处理程序){
React.render(,document.getElementById('content'));
});

以前有人遇到过这个问题吗?

原来我在我的应用程序和主组件中使用的是旧的
this.props.activeRouteHandler()
,而不是
,它们是顶级路由。Doh


这里的语法示例正确。

您是否在babel中遇到相同的错误?这段代码没有错,但它可能是您所依赖的库,或者您的另一个组件。错误指向哪一行?是的,与巴贝尔完全相同。错误指向DefaultRoute.js行#3
var\u classCallCheck=…
。如何将JSX转换为Javascript?如果你使用的是jsx加载器,请检查你是否有最新的版本!我使用的是旧的
this.props.activeRouteHandler()
,而不是我的
应用程序中的
主页
组件,它们是顶级路由。我将补充这一点作为答案。感谢您的回复@FakeRainBrigand&@Morhaus!