Question

我正在用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

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

但是我有这些错误：

这是我的application.js：

var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);

main.js.jsx：

var Main = React.createClass({
  render() {
    return (
      <div>
        <Header />
        <Body />
      </div>
    );
  }
});

我尝试在import React from ‘react’中添加main.js.jsx，但是仍然出现错误。

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

谢谢

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

0 个答案: