ruby-on-rails-4 - Uncaught Error : Cannot find module "react"

Question

首先，我是 React 和 Rails 的初学者，并尝试了一些东西。我目前正在处理路由，我不确定我哪里出错了。请指导我。

我有一个包含 UserWorld.jsx 文件的容器文件夹。其内容如下:

import React, { PropTypes } from 'react';
import User from '../containers/User';

// Simple example of a React "smart" component
export default class UserWorld extends React.Component {
  constructor(props, context) {
    super(props, context);
    // How to set initial state in ES6 class syntax
    // https://facebook.github.io/react/docs/reusable-components.html#es6-classes
    this.state = { users: this.props.data
    };
  }
  render() {
    var userNodes = this.state.users.map(function(user) {
      return (
          <User key={user.id} first_name={user.first_name} last_name={user.last_name} email={user.email} city={user.city} address={user.address} />
      );
    });
    return (
      <table>
        <thead>
          <tr>
            <td>First Name</td>
            <td>Last Name</td>
            <td>Email</td>
            <td>Address</td>
            <td>City</td>
          </tr>
        </thead>
        <tbody>
          {userNodes}
        </tbody>
      </table>
    );
  }
}

现在，我想添加一个链接，我包括
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'
但是，这在控制台中给了我一个错误，如下所示:

Uncaught Error: Cannot find module "react"
Exception in rendering!
message: Could not find component registered with name UserWorldApp. Registered component names include [ HelloWorldApp ]. Maybe you forgot to register the component?

现在我不知道这里发生了什么。如果有人能在这里帮助我，我将不胜感激。另外，如果我可以获得相同的引用。我面临着到处都是不同语法的麻烦。

更新:

我看到错误出现在 var _react = require('react'); 中node_modules 文件夹中 react-router 文件夹中 Router.js 中的一行。

我在控制台中得到这个:

ERROR in ../~/react-router/lib/Router.js
18:03:09 client.1 | Module not found: Error: Cannot resolve module 'imports' in /Users/c193/Documents/React/test-react-on-rails/node_modules/react-router/lib
18:03:09 client.1 |  @ ../~/react-router/lib/Router.js 19:13-29

P.S:我读过的所有文档和文章都太技术性了，我无法理解，我只能理解其中的点点滴滴。从我开始到现在才两周。

Answer 1

我有一个类似的问题，但使用“ react 路由器”而不是“ react ”。检查 package.json在 client目录，如果缺少任何内容，请手动添加并运行 npm install从那个目录。这为我解决了这个问题，尽管正如有人评论的那样，您可能还有其他一些问题。

我不认为运行 npm install react-router --save从根项目目录是一个好主意，因为 React on Rails 使用 yarn，所以 node_modules 中唯一的东西主项目文件夹中的目录应该是 .yarn.integrity文件。 React 所需的一切都应该在 package.json 中文件和 node_modules client 中的目录文件夹，因此请检查那里是否缺少某些内容。

这是他们的 client/package.json看起来像教程:https://github.com/shakacode/react-webpack-rails-tutorial/blob/master/client/package.json