未捕获ReferenceError：未定义React

我正在尝试使用本教程使ReactJS与rails一起使用。我收到此错误：

Uncaught ReferenceError: React is not defined

但我可以访问浏览器控制台中的物体做出反应 我还添加了公共/距离/涡轮react.min.js描述这里，也加入如描述的application.js线在这个答案没有运气。此外，给出错误：
//= require components
var React = require('react')
Uncaught ReferenceError: require is not defined

谁能建议我解决这个问题？

[EDIT 1]
供参考的源代码：
这是我的comments.js.jsx文件：

var Comment = React.createClass({
  render: function () {
    return (
      <div className="comment">
        <h2 className="commentAuthor">
          {this.props.author}
        </h2>
          {this.props.comment}
      </div>
      );
  }
});

var ready = function () {
  React.renderComponent(
    <Comment author="Richard" comment="This is a comment "/>,
    document.getElementById('comments')
  );
};

$(document).ready(ready);

这是我的index.html.erb：

<div id="comments"></div>

当我使用webpack使用以下代码块构建javascript时，能够重现此错误webpack.config.json：

externals: {
    'react': 'React'
},

上面的配置告诉webpack不要require('react')通过加载npm模块来解析，而是期望一个名为的全局变量（即在window对象上）React。解决方案是删除此配置（以便React将与您的javascript捆绑在一起）或在执行此文件之前外部加载React框架（这样就window.React存在）。

我收到此错误是因为我正在使用

import ReactDOM from 'react-dom'

不导入反应，将其更改为以下内容：

import React from 'react';
import ReactDOM from 'react-dom';

错误已解决:)

可能的原因是：1.您没有将React.JS加载到页面中； 2.在上述脚本之后将其加载到页面中。解决方案是在上述脚本之前加载JS文件。

聚苯乙烯

可能的解决方案。

1. 如果您react在webpack配置中的“外部”部分中提及，则必须先将react js文件直接加载到html中，bundle.js
2. 确保你有线 import React from 'react';

如果您使用的是Webpack，则可以在需要时使其加载React，而无需require在代码中显式加载它。

添加到webpack.config.js：

plugins: [
   new webpack.ProvidePlugin({
      "React": "react",
   }),
],

参见http://webpack.github.io/docs/shimming-modules.html#plugin-provideplugin

尝试添加：

import React from 'react'
import { render } from 'react-dom'
window.React = React

在render()功能之前。

有时这可以防止弹出错误返回：

未定义React

添加React到窗口将解决这些问题。

添加到Santosh：

您可以通过以下方式加载React

import React from 'react'

import React, { Component, PropTypes } from 'react';

这可能也可以！

我收到此错误的原因是，在我的代码中，我用小写字母react.createClass而不是大写字母拼写了错误的组件定义React.createClass。

我面临着同样的问题。我解决它通过导入React和ReactDOM类似如下：

import React from 'react';
import ReactDOM from 'react-dom';

显示的错误

那个进口反应之后

最后导入react-dom

如果未定义错误，请添加==>import React from 'react';

如果错误是reactDOM未定义，请添加==>import ReactDOM from 'react-dom';

如果您使用的是TypeScript，请确保您tsconfig.json在的"jsx": "react"范围内"compilerOptions"。