Javascript React Chrome扩展不工作,可能是因为React路由器
我正在尝试让React Chrome扩展与React 13.2一起工作。目前,它只显示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路由器
有关,但我不确定该怎么做才能让它工作
这是我的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工具仅在重新打开时刷新视图层次结构。听起来很傻,但前几次我就被吸引住了。我试过了。看起来组件树加载了一会儿,然后闪烁,然后消失,只留下顶层。