將React Router與react-rails gem一起使用

Question

我是一個有經驗的Ruby on Rails開發人員，並試圖將其與reactjs一起使用。 因此，我安裝了react-rails gem並按照說明進行操作。

有兩種可能的入門方法：

Webpacker gem看起來很新，我很難將webpacker-dev-server與當前的Rails應用程序一起使用。 而且還使用工頭運行兩個進程（一個用於rails，一個用於webpacker）看起來過於依賴。

因此，我通過將所有React組件都放在app/assets/javascripts/components/MyComponent.jsx進行資產管道方法。 一切正常，我可以使用<%=reach_component("MyComponent")%>渲染組件

現在，我想圍繞它設計一個單頁應用程序。 因此，我開始探討react-router 。 但是，關於如何將react-router與react-rails gem結合使用，沒有適當的解釋。

我嘗試在packages.json添加react-router package packages.json並運行yarn但是在所有包含之后，在瀏覽器中最終出現以下錯誤。

Uncaught ReferenceError: exports is not defined

在沒有webpack且沒有在瀏覽器中使用babel並使客戶端沉重的情況下使用React-router和rails有任何幫助嗎？

Answer 1

瀏覽器錯誤是因為您沒有將CommonJS代碼（即export語句）轉換為適合在瀏覽器上運行的格式。

我還沒有嘗試過讓React在Rails中運行，所以不確定資產管道是否能夠與節點庫一起工作，但是您可能需要考慮將方法切換為以下方式：