title: Cannot read json in React.js, unexpected token error
body: <p>I am unable to get the data from a json file in React.js
  I have checked myJSON on JSLINT and use a Windows system.</p>
  
  <p>Am not trying to display it yet just storing in a variable, it is still throwing an error :</p>
  
  <p><strong>ERROR in ./src/app/document.json</strong></p>
  
  <p><strong>Module build failed: SyntaxError: C:/Users/Ant/Documents/reactapplication/src/app/document.json: Unexpected token, expected ; (2:14)</strong></p>
  
  <pre><code>1 | {
  2 |         "name":"Product",
    |               ^
  3 |         "properties":
  4 |         {
  5 |                 "id":
  </code></pre>
  
  <p>Here is my index.js</p>
  
  <pre><code>var React = require('react');
  var ReactDOM = require('react-dom');
  
  var App = require('./App');
  var Json = require('./document');
  
  ReactDOM.render(&lt;div&gt;Hello 123&lt;/div&gt;, document.getElementById('app'));
  </code></pre>
  
  <p>Am trying to store the json as an object in Json but I am not able to.</p>
  
  <p>My webpack.config</p>
  
  <pre><code>var path = require("path");
  
  var DIST_DIR = path.resolve(__dirname, "dist");
  var SRC_DIR = path.resolve(__dirname, "src");
  
  var config = {
  entry: SRC_DIR + "/app/index.js",
  output: {
      path: DIST_DIR + "/app",
      filename: "bundle.js",
      publicPath: "/app/"
  },
  module: {
      loaders: [
          {
              test: /\.js?/,
              include: SRC_DIR,
              loader: "babel-loader",
              query: {
                  presets: ["react", "es2015", "stage-2"]
              }
          }
      ]
  }
  };
  
  module.exports = config; 
  </code></pre>
  
  <p>Dependencies are:</p>
  
  <pre><code>"dependencies": {
  "fixed-data-table": "^0.6.4",
  "react": "^15.5.4",
  "react-dom": "^15.5.4"
    },
  "devDependencies": {
  "babel-core": "^6.24.1",
  "babel-loader": "^7.0.0",
  "babel-preset-es2015": "^6.24.1",
  "babel-preset-react": "^6.24.1",
  "babel-preset-stage-2": "^6.24.1",
  "json-loader": "^0.5.4",
  "webpack": "^2.5.1",
  "webpack-dev-server": "^2.4.5"
  }
  </code></pre>