Reactjs 我的react教程项目的npm开始不起作用

我正在尝试学习react，并跟随egghead的视频tut，学习如何设置我的开发环境。但是，在安装了第一个视频中提到的相关模块后，当我尝试npm启动时，抛出以下错误：

Shaileshs-MacBook-Pro:react-project shailesh$ npm start

> shaileshgupta@1.0.0 start /Users/shaileshgupta/react-project
> webpack-dev-server

/Users/shaileshgupta/react-project/webpack.config.js:3
  output: {
  ^^^^^^

SyntaxError: Unexpected identifier
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:374:25)
    at Object.Module._extensions..js (module.js:405:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
    at require (internal/module.js:12:17)
    at module.exports (/Users/shaileshgupta/react-project/node_modules/webpack/bin/convert-argv.js:80:13)
    at Object.<anonymous> (/Users/shaileshgupta/react-project/node_modules/webpack-dev-server/bin/webpack-dev-server.js:55:48)
    at Module._compile (module.js:398:26)

npm ERR! Darwin 15.0.0
npm ERR! argv "/usr/local/Cellar/node/5.3.0/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v5.3.0
npm ERR! npm  v3.3.12
npm ERR! code ELIFECYCLE
npm ERR! shaileshgupta@1.0.0 start: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the shaileshgupta@1.0.0 start script 'webpack-dev-server'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the shaileshgupta package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webpack-dev-server
npm ERR! You can get their info via:
npm ERR!     npm owner ls shaileshgupta
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/shaileshgupta/react-project/npm-debug.log

shailesh MacBook Pro:react项目shailesh$npm启动
> shaileshgupta@1.0.0启动/用户/shaileshgupta/react项目
>网页包开发服务器
/Users/shaileshgupta/react project/webpack.config.js:3
输出：{
^^^^^^
SyntaxError:意外的标识符
在exports.runInThisContext（vm.js:53:16）
在模块处编译（Module.js:374:25）
在Object.Module.\u extensions..js（Module.js:405:10）
在Module.load（Module.js:344:32）
在Function.Module.\u加载（Module.js:301:12）
at Module.require（Module.js:354:17）
根据需要（内部/module.js:12:17）
在module.exports（/Users/shaileshgupta/react project/node_modules/webpack/bin/convert argv.js:80:13）
在对象上。（/Users/shaileshgupta/react project/node_modules/webpack dev server/bin/webpack dev server.js:55:48）
在模块处编译（Module.js:398:26）
npm ERR！达尔文15.0.0
npm ERR！argv“/usr/local/cillar/node/5.3.0/bin/node”“/usr/local/bin/npm”“启动”
npm错误！节点v5.3.0
npm ERR！npm v3.3.12
npm错误！代码错误周期
npm错误！shaileshgupta@1.0.0开始：`webpack dev server`
npm错误！退出状态1
npm错误！
npm ERR！在以下位置失败：shaileshgupta@1.0.0启动脚本“网页包开发服务器”。
npm错误！请确保已安装最新版本的node.js和npm。
npm ERR！如果您这样做，这很可能是shaileshgupta软件包的问题，
npm错误！与npm本身无关。
npm ERR！告诉作者此操作在您的系统上失败：
npm错误！网页包开发服务器
npm ERR！您可以通过以下方式获取他们的信息：
npm错误！npm所有者ls shaileshgupta
npm ERR！上面可能还有其他日志输出。
npm ERR！请在任何支持请求中包含以下文件：
npm ERR！/Users/shaileshgupta/react project/npm-debug.log

---

我绞尽脑汁试图调试它，但找不到任何可能的解决方案。有人能帮我理解这里发生了什么吗？如果您需要更多信息，请告诉我。

发布整个代码，您可能在

模块的第一个属性后缺少逗号。导出
对象您可能需要安装webp确认开发服务器

npm install webpack-dev-server --save-dev

如果您有一个扩展名为.jsx的文件，请尝试将其更改为.js。当我遇到同样的问题时，该文件对我有效。
大多数情况下，我们将复制粘贴教程中的
webpack.config.js
文件。部分代码在
webpack.config.js
中类似于此

devServer: {
  inline: true,
  port: 8080   }

当您在命令提示符下运行
npm start
时，您可能尚未安装
webpack dev server
。如果是这样，请运行下面的行

npm install webpack-dev-server -g

在少数情况下，安装了
webpack dev server
，但在
8080
端口中将运行其他程序。
在这种情况下，只需更改
webpack.config.js
文件中的端口号。下面是更新的代码

 devServer: {
  inline: true,
  port: 4000   }

那应该能解决你的问题

发布整个webpack.config.js文件