未捕獲的 ReferenceError：require 未定義 react-rails

Question

我正在嘗試將 react-rails 2.6.1 集成到我的 rails 4.2.11 應用程序中。

最初是從 webpacker 開始的，但它給我帶來了實際產品部署的麻煩，所以我刪除了 webpacker，只用 sprockets 3.7.2 打包東西。

頁面已正確加載，但未顯示react_component 。

在 html 源代碼中，它只是呈現為一個 div：

<div data-react-class="Sidebar" data-react-props="..." data-react-cache-id="Sidebar-0"></div>

但沒有顯示任何內容。

在控制台中我可以看到：

Uncaught ReferenceError: require is not defined

這導致后來：

Cannot find component: 'Sidebar'. Make sure your component is available to render.

這是我的反應組件的定義：

import React from "react"

class Sidebar extends React.Component {
  render() {
    return (<p> hello from react </p> );
  }
}

我試過從 application.js 上下移動導入（根據https://github.com/reactjs/react-rails/wiki/Troubleshooting ）沒有幫助。

Answer 1

嘗試導出您的組件以便能夠導入它

 import React from "react" class Sidebar extends React.Component { render() { return (<p> hello from react </p> ); } } export default Sidebar;