title: Uncaught Error: Cannot find module "./RandomWords"
body: <p>In my react application, i have 2 nested components. The parent is <code>RandomWords</code> and the child is <code>Word</code>.</p>
  
  <p>Here is the parent (<strong>Randomword</strong>):</p>
  
  <pre><code>var things = ['Rock', 'Paper', 'Scissor'];
  var thing = things[Math.floor(Math.random()*things.length)];
  console.log(thing);
  
  var Word = require('./Word');
  var React = require('react');
  
      var RandomWords = React.createClass({
        render: function() {
          return (
            &lt;div &gt;
               &lt;h4&gt;Type the below word &lt;/h4&gt;
               &lt;Word typeitem=thing/&gt;
            &lt;/div&gt;
          );
        }
      });
  
  module.exports =RandomWords;
  </code></pre>
  
  <p>Line <code>&lt;Word typeitem=thing/&gt;</code> leads to the error like</p>
  
  <pre><code>Uncaught Error: Cannot find module "./RandomWords"
  </code></pre>
  
  <p>Meanwhile when i change it to the <code>&lt;Word typeitem="Paper"/&gt;</code>, the application works correctly.
  <strong>It seems that is has a problem with <code>thing</code>.</strong></p>
  
  <p>But the problem is, i want to get a random word and put it in my <code>typeitem</code>.</p>
  
  <p>Point: <code>word</code> is working correctly</p>
  
  <pre><code>var React = require('react');
  var Word=React.createClass({
         render: function(){
              return(
                &lt;div &gt;
                     {this.props.typeitem}
                &lt;/div&gt;
              );
    }
  });
  
  module.exports =Word;
  </code></pre>