Webpack module build failed unexpected token (rails react build)
<p>I working on a react/rails build and working through using webpack and babel for the first time. I'm using two files and getting <strong>the error</strong>:</p>

<blockquote>
  <p>ERROR in ./app/assets/frontend/main.jsx<br>
      Module build failed:<br>
      SyntaxError:  /Users/cls/GitHub/rails_react/app/assets/frontend/main.jsx: Unexpected token (6:6)</p>
</blockquote>

<p>Line 6 is: <code>&lt;Greet /&gt;</code></p>

<p><strong>This is the main.jsx file</strong></p>

<pre><code>import Greet from './greet';

class Main extends React.Component {
    render() {
        return (
            &lt;Greet /&gt;
        );
    }
}
let documentReady = () =&gt; {
    React.render(
        &lt;Main /&gt;,
        document.getElementById('react')
    );
};
$(documentReady);
</code></pre>

<p><strong>This is the greet.jsx file:</strong></p>

<pre><code>export default class Greet extends React.Component {
    render() {
        return &lt;h2&gt;Hello There&lt;/h2&gt;
    }
}
</code></pre>

<p>This is my webpack.config:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>module.exports = {
  entry: "./app/assets/frontend/main.jsx",
  output: {
    path: __dirname + "/app/assets/javascripts",
    filename: "bundle.js"
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      { test: /\.jsx$/, loader: "babel-loader" }
    ]
  }
};</code></pre>
</div>
</div>
</p>

<p>I don't have a babelrc file?</p>