1

React Chrome 拡張機能を React 13.2 で動作させようとしています。現在、<TopLevel></TopLevel>コンポーネントの代わりにのみ表示されます。何か関係があると思いますが、それReact-Routerを機能させるために何をすべきかわかりません。

これが私の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')
  );
});

そしてrouter.jsファイル:

// 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
});

そしてroutes.jsファイル:

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;

そして、これが React Chrome 拡張機能に表示されるものです。

ここに画像の説明を入力

アプリ自体は期待どおりに動作します。拡張機能を使用して表示できるようにしたいだけです。

4

0 に答える 0