reactjs - CLI 移至单独的包中 : webpack-cli. 我的程序出了什么问题？

Question

当我运行 ./node_modules/.bin/webpack-dev-server 进行构建时，会发生此错误

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:559
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:557:15)
    at Function.Module._load (module.js:484:25)
    at Module.require (module.js:606:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/Users/xxx/Downloads/react_app/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1)
    at Module._compile (module.js:662:30)
    at Object.Module._extensions..js (module.js:673:10)
    at Module.load (module.js:575:32)
    at tryModuleLoad (module.js:515:12)
    at Function.Module._load (module.js:507:3)

因此我运行 npm install webpack-cli -D 命令并再次运行该命令，但 zsh: no such file or directory: ./node_modules/.bin/webpack-dev-server 发生错误。我按照程序构建 react .js 所以我认为我的构建过程没有错误。那么我应该如何解决这个问题？这个错误是否会导致库版本的差异？我应该如何解决这个问题？我的 webpack.config.js 是

var publidDir = __dirname + '/public';
module.exports = {
  entry: [
    './src/index.js'
  ],
  output: {
    path: publidDir,
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel-loader',
      query: {
        presets: ['react', 'es2015']
      }
    }]
  },
  resolve: {
    extensions: ['.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: publidDir
  }
};

Answer 1

更新一些依赖项后我遇到了同样的问题。检查 webpack-dev-server 版本，我有 3.1.3，我得到了和你一样的错误。这就是我现在所拥有的:

"webpack": "^3.10.0",
"webpack-dev-server": "2.9.7"