未捕获的ReferenceError:require未定义react rails

时间:2017-12-04 05:36:13

标签: javascript ruby-on-rails reactjs

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

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>

main.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);

1 个答案:

答案 0 :(得分:0)

require_tree .的末尾移动application.js,如:

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