this is Error:

ERROR in ./app/main.jsx
 Module parse failed: /home/liudong/Public/proj/Homepage/app/main.jsx Unexpected token (8:7)
 You may need an appropriate loader to handle this file type.
 SyntaxError: Unexpected token (8:7)
 at Parser.pp$4.raise (/home/liudong/Public/proj/Homepage/node_modules/acorn/dist/acorn.js:2221:15)
 at Parser.pp.unexpected (/home/liudong/Public/proj/Homepage/node_modules/acorn/dist/acorn.js:603:10)
 at Parser.pp$3.parseExprAtom (/home/liudong/Public/proj/Homepage/node_modules/acorn/dist/acorn.js:1822:12)

Json

"dependencies": {
 "react": "^15.4.0-rc.4",
 "react-dom": "^15.4.0-rc.4",
 "react-router": "^2.8.1"
 },
 "devDependencies": {
 "babel-core": "^6.17.0",
 "babel-loader": "^6.2.5",
 "babel-preset-es2015": "^6.16.0",
 "babel-preset-react": "^6.16.0",
 "css-loader": "^0.25.0",
 "json-loader": "^0.5.4",
 "style-loader": "^0.13.1",
 "webpack": "^1.13.2",
 "webpack-dev-server": "^1.16.2"
 bracket

Config.js:

module.exports = {
 devtool: 'eval-source-map',
 Entry: __dirname plus' /app/main.jsx',
 output: {
 Path: __dirname plus' /public',
 filename: '[name]-[hash].js'
 },
 resolve: {
 extensions: ['', '.js', '.jsx']
 },
 moudle: {
 loaders:[
 bracket
 test: /\.json$/,
 loader:"json"
 },
 bracket
 test: /\.jsx?  $/,
 exclude:'/node_modules/',
 loader:'babel',
 query: {
 presets: ['es2015', 'react']
 bracket
 },
 bracket
 test: /\.css$/,
 loader: 'style!  css?  modules'
 bracket
 
 bracket
 bracket
 bracket

main.js//

//main.jsx
 import React from 'react'
 import {render} from 'react-dom'
 import Greeter from './Greeter.jsx'
 
 import './main.css'
 
 render(<Greeter />, document.getElementById('container'));  //Why is there a problem here?

//Greeter.jsx

import React, {Component} from 'react'
 import config from './config.json'
 
 
 class Greeter extends Component {
 render() {
 return (
 <div>
 {config.greetText}
 </div>
 )
 bracket
 bracket
 
 export default Greeter