Rails + Webpacker + React.js / 找不到模块

esc*_*nxr 6 ruby-on-rails reactjs webpack webpacker

我正在使用 Rails 4.2 学习 React.js(准备使用它),但我的控制台中有很多错误。

所以我使用 React 16.8(带有 react-rails gem)+ Rails 4.2 + Webpacker 4.0.2

我的文件夹结构:

app
 |
 javascript
    |
    packs
      |
      application.js
      server_rendering.js
      components
       |
       main.js.jsx
       header.js.jsx
       body.js.jsx
       new_item.js.jsx
       all_items.js.jsx
Run Code Online (Sandbox Code Playgroud)

在我的应用程序布局中,我= javascript_pack_tag('application') 在索引视图中添加了= react_component('Main')

但我有这些错误:

错误 这是我的 application.js :

var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);
Run Code Online (Sandbox Code Playgroud)

main.js.jsx :

var Main = React.createClass({
  render() {
    return (
      <div>
        <Header />
        <Body />
      </div>
    );
  }
});
Run Code Online (Sandbox Code Playgroud)

我试图添加import React from ‘react’main.js.jsx但我仍然有错误。

这是我第一次使用 React,我不知道在哪里看...任何帮助将不胜感激

谢谢