リアクション・ルーターとリアレール・宝石の併用

Question

私は経験豊富なルビー・デベロッパーで、reactjsを使用しています。そこで私は反応レール宝石をインストールし、指示に従った。 webpacker

Webpacker宝石はかなり新しい外観と私はwebpacker-devのサーバーを取得して苦労していた使用して、資産のパイプラインを使用して

2. ：

   始めるには、2つの可能なアプローチがあります。私の現在のレールアプリで動作します。また、職員（レール用とウェブパッカー用）を使用して2つのプロセスを実行すると、依存性が非常に多くなります。

   私はすべてのリアクションコンポーネントをapp/assets/javascripts/components/MyComponent.jsxに置くことで、アセットパイプラインのアプローチを進めました。すべて正常に動作し、コンポーネントを使用してレンダリングすることができます<%=reach_component("MyComponent")%>

   今、私はその周りに単一ページアプリケーションを設計したいと思います。そこで、私はreact-routerについて調べ始めました。しかし、react-rails gemにreact-routerをどのように使用するかについての適切な説明はありません。

   packages.jsonにreact-router packageを追加しようとしましたが、yarnを実行しましたが、すべてのインクルード後にブラウザで次のエラーが発生しました。

   Uncaught ReferenceError: exports is not defined 
   

   リアパネルとレールをウェブパックなしで、ブラウザのバーベルを使用せずにクライアントを重くして使用する場合の助けとなることはありますか？

Answer 1

ブラウザのエラーは、ブラウザで実行するのに適した形式に変換されていないCommonJSコード（つまり、エクスポート文）があるためです。

私は資産のパイプラインは、ノードのライブラリでの作業が可能であるかどうかわからないよレールで動作して反応させ、取得しようとしていないが、あなたはこのような何かにあなたのアプローチをの切り替えを検討する必要があるかもしれません

：

http://blog.arkency.com/2015/03/gulp-modern-approach-to-asset-pipeline-for-rails-developers/