【问题标题】:Uncaught ReferenceError: require is not defined react rails未捕获的ReferenceError:未定义react rails
【发布时间】:2017-12-04 05:36:12
【问题描述】:

我刚刚修复了两个这样的错误。

Uncaught ReferenceError: $ is not defined Uncaught ReferenceError: React is not defined

现在我明白了。我只是不断收到这些错误。我只是第一次尝试用 Rails 实现反应,我试图通过 html div 类从反应组件中说一个简单的“Hello React”。我做不到。

application.js

//= require rails-ujs
//= require_tree .
//= require jquery
//= require jquery_ujs
//= require react

index.html.erb

<div id="react"></div>

ma​​in.jsx

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

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


let documentReady = () => {
    React.render(
        <h1>Hello React</h1>,
        document.getElementById('react')
    );  
};


$(documentReady);

【问题讨论】:

  • 按照这个完整的指南重新开始怎么样github.com/shakacode/react_on_rails/blob/master/docs/…
  • 如果这与基本配置无关,可以将其发布在反应部分
  • 你试过//= require jquery //= require jquery_ujs //= require rails-ujs //= require react //= require_tree . 顺序很重要,rails_ujs 取决于jquery
  • @brandNew 没用。

标签: javascript ruby-on-rails reactjs


【解决方案1】:

require_tree . 移到application.js 的末尾,例如:

//= require rails-ujs
//= require jquery
//= require jquery_ujs
//= require react
//= require_tree .

【讨论】:

    猜你喜欢
    • 2019-11-05
    • 2016-05-22
    • 1970-01-01
    • 1970-01-01
    • 2016-11-12
    • 2013-09-30
    • 2016-06-24
    • 1970-01-01
    相关资源
    最近更新 更多