npm启动webpack-dev-server报错？？绝望

Question

启动webpack-dev-server报错，如图

文件结构：

├── package.json
└── src
    ├── index.css
    ├── index.html
    └── index.js
    
webpack.config.js配置：  
let path = require('path');
module.exports = {
  entry: {
    app: path.resolve(__dirname, 'src', 'index.js')
  },
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  },
plugins: [
    new HtmlWebpackPlugin({
      template: path.resolve(__dirname, 'src', 'index.html')
    })
  ]

};

package.json的 devDependencies配置：
"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server"
  },
 "devDependencies": {
    "html-webpack-plugin": "^2.30.1",
    "webpack": "^3.8.1",
    "webpack-dev-server": "^2.9.2"
  }

然后命令行执行npm start就如图报错

Answer 1

我看到第一个截图有句cannot find module 'object-keys'，你在npm start有运行npm install吗？

再就是如果是React项目并且是从零开始的，可以直接用官方的，方便简单。

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

Answer 2

你的node_modules里缺少这个模块 你手动安装一下 或者直接把node_modules全删掉 重新install