title: React and Browserify: Cannot find module ./focusNode
body: <p>I am using Browserify within Grunt to compile jsx files, and am getting a consistent error whereby the browserify task fails with the following error;</p>
  
  <blockquote>
    <blockquote>
      <p>Error: Cannot find module './focusNode' from 'C:\project\src...'</p>
    </blockquote>
  </blockquote>
  
  <p>I have one jsx component:</p>
  
  <pre><code>var React = require('react');
  
  var createBooking = React.createClass({
     render: function () {
  
      return (
          &lt;div className="Booking"&gt;
              &lt;div className="col-xs-12 noPadding"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;h3 class="modal-title"&gt;{this.props.data.title}&lt;/h3&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                       This is a modal
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  });
  
  module.exports = createBooking;
  </code></pre>
  
  <p>And then one main JS file;</p>
  
  <pre><code>var React = require('react');
  
  (function (React) {
  
      var Booking = require('../dist/components/CreateBooking.js');
  
      var render = function () {
          React.render(React.createElement(Booking, { data: { title: 'Test' } }, document.getElementById('bookingForm')));
      };
  
      render();
  
  })(React);
  </code></pre>
  
  <p>And finally my gruntfile (shortened for brevity);</p>
  
  <pre><code>grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
      browserify: {
          react: {
              options: {
                      transform: [
                          [require('grunt-react').browserify, {global: true}]
                      ],
                      debug: true
              },
              files: [{
                  expand: true,
                  cwd: 'Scripts/components',
                  src: ['**/*.jsx'],
                  dest: 'Scripts/dist/components',
                  ext: '.js'
              }]          
          },
          dist: {
              files: {
                  './Scripts/dist/main_built.js': ['Scripts/custom/main.js']
              },
              options: {
                  debug: true,
                  paths: ['./node_modules','Scripts/custom/**', 'Scripts/dist/**']
              }
          }
      },
  });   
  </code></pre>
  
  <p>I am assuming the error is to do with paths somewhere, but I can't figure it out. Any clues?</p>