title: Resolving errors with Webpack and ReactJS
body: <p>I've read lots of other S/O posts that detail a similar problem, however I cannot find a solution for my specific issue. </p>
  
  <p>I installed a node module, but I am now receiving this error message:</p>
  
  <p>(syllable - is the module I installed)</p>
  
  <pre><code>index.js:641 ./~/syllable/problematic.json
  Module parse failed: /Desktop/App/node_modules/syllable/problematic.json Unexpected token (2:11)
  You may need an appropriate loader to handle this file type.
  </code></pre>
  
  <p>Here is my Webpack config</p>
  
  <pre><code>var config = {
      entry: './main.js',
  
      output: {
        path: './',
        filename: 'index.js',
      },
  
      devServer: {
        inline: true,
        port: 3000
      },
  
      module: {
        loaders: [
          {
            test: /\.jsx$/,
            exclude: /node_modules/,
            loader: 'babel',
            query: {
              presets: ['es2015', 'react']
          },
          {     //&lt;-- this line is throwing an unexpected token error
            test: /\.json$/,
            loader: 'json'
          }
        }
      ]
    }
  }
  
  module.exports = config;
  </code></pre>
  
  <p>Note: I have es2015 installed, and I have tried re-writing the webpack.config.js several times to no avail. </p>
  
  <p>What am I doing incorrectly?</p>