Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/8.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 React Chrome扩展不工作,可能是因为React路由器_Javascript_Reactjs_React Router - Fatal编程技术网

Javascript React Chrome扩展不工作,可能是因为React路由器

Javascript React Chrome扩展不工作,可能是因为React路由器,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在尝试让React Chrome扩展与React 13.2一起工作。目前,它只显示,而不显示我的组件。我认为这与React路由器有关,但我不确定该怎么做才能让它工作 这是我的main.js文件: require('es6-shim'); var React = require('react'); var router = require('./router'); // Expose React for the dev tools window.React = React; router

我正在尝试让React Chrome扩展与React 13.2一起工作。目前,它只显示
,而不显示我的组件。我认为这与
React路由器
有关,但我不确定该怎么做才能让它工作

这是我的
main.js
文件:

require('es6-shim');

var React = require('react');
var router = require('./router');

// Expose React for the dev tools
window.React = React;

router.run((Handler, state) => {
  React.render(
    <Handler
      params={state.params}
    />,
    document.getElementById('app')
  );
});
// Proxy calls to router to avoid circular dependencies
var router;

module.exports = {
  run(render) {
    router.run(render);
  }
};

var Router = require('react-router');
var routes = require('./routes');

router = Router.create({
  routes: routes,
  // location: Router.HistoryLocation
});
var App = require('./App');
var React = require('react');
var Router = require('react-router');
var Route = Router.Route;

var routes = (
  <Route name="app" path="/" handler={App} />
);

module.exports = routes;
以及
routes.js
文件:

require('es6-shim');

var React = require('react');
var router = require('./router');

// Expose React for the dev tools
window.React = React;

router.run((Handler, state) => {
  React.render(
    <Handler
      params={state.params}
    />,
    document.getElementById('app')
  );
});
// Proxy calls to router to avoid circular dependencies
var router;

module.exports = {
  run(render) {
    router.run(render);
  }
};

var Router = require('react-router');
var routes = require('./routes');

router = Router.create({
  routes: routes,
  // location: Router.HistoryLocation
});
var App = require('./App');
var React = require('react');
var Router = require('react-router');
var Route = Router.Route;

var routes = (
  <Route name="app" path="/" handler={App} />
);

module.exports = routes;
var-App=require('./App');
var React=要求('React');
var-Router=require('react-Router');
var-Route=路由器.Route;
变量路由=(
);
module.exports=路线;
这就是我在React Chrome扩展中看到的:


应用程序本身可以正常工作,我只是希望能够使用扩展查看内容。

您的控制台中记录了哪些3个警告?另外,您正在运行哪个版本的反应路由器?反应路由器0.13.3。警告来自Immutable.js(访问Immutable.List的length属性)。正在删除,因为这与扩展开发无关。您是否关闭了Chrome开发工具并重新打开了?React工具仅在重新打开时刷新视图层次结构。听起来很傻,但前几次我就被吸引住了。我试过了。看起来组件树加载了一会儿,然后闪烁,然后消失,只留下顶层。