Javascript JS文件中的Web包意外标记

我正在学习react和flux，第1课的教程让我失望

“npm启动”立即中断，出现以下错误：

ERROR in ./src/js/main.js
Module parse failed: /Users/me/Projects/egghead-flux/src/js/main.js Unexpected token (4:16)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (4:16)
at Parser.pp$4.raise (/Users/me/Projects/egghead-flux/node_modules/acorn/dist/acorn.js:2221:15)

它似乎不理解

ReactDOM.render（，document.getElementById（'main'）我假设解析JSX
部分失败

以前有人遇到过这个问题吗？卸下/重新安装节点模块不起任何作用。视频中是否缺少一些设置步骤

Main.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
ReactDOM.render(<App />, document.getElementById('main'));

package.json

{
  "name": "egghead-flux",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "flux": "^3.1.0",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-router": "^3.0.0"
  },
  "devDependencies": {
    "babel": "^6.5.2",
    "babel-loader": "^6.2.7",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "webpack": "^1.13.3",
    "webpack-dev-server": "^1.16.2"
  }
}

结果是：

test:'/\.jsx？$/'，

应该是：

test:/\.jsx？$/，

该死。
你能和我们分享一些代码吗？
npm start
尝试做什么？@John webpack dev server，我在上面添加了它。嗯，这真是个难题。。LGTM。。也许如果你把你的项目推到github上，我可以克隆并看一看，但乍一看，它似乎类似于显然有效的教程。唯一的区别是，他似乎在全球安装了webpack dev server，因为他的package.json中没有它。我不知道为什么会出现这样的问题。请尝试删除
node\u modules
文件夹并运行
npm install
，以确保所有依赖项都是最新的，并且正常工作是的，正则表达式字符串和正则表达式对象之间存在巨大差异。。抢手货是啊，真讨厌！谢谢你的帮助，约翰，我很感激。
module.exports = {
    entry: './src/js/main.js',
    output:{
        path:'./dist',
        filename: 'bundle.js',
        publicPath: '/'
    },
    devServer: {
        inline: true,
        contentBase: './dist'
    },
    module: {
        loaders: [
            {
                test: '/\.jsx?$/',
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query:{
                    presets: ['es2015', 'react']
                }
            }
        ]
    }
}

{
  "name": "egghead-flux",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "flux": "^3.1.0",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-router": "^3.0.0"
  },
  "devDependencies": {
    "babel": "^6.5.2",
    "babel-loader": "^6.2.7",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "webpack": "^1.13.3",
    "webpack-dev-server": "^1.16.2"
  }
}