无法让 webpack-dev-server 运行

Question

我在运行我的 React 应用程序时遇到了一些问题。 我尝试了多种方法，降级 webpack 版本，执行npm i -g webpack-dev-server甚至npm i -g webpack-cli ，但没有任何效果。 以下是我收到的错误消息。 感谢您提供的任何建议或帮助。

 $ node ../../bin/env.js webpack-dev-server
    [dev:main] 'webpack-dev-server' is not recognized as an internal or external command,
    [dev:main] operable program or batch file.
    [dev:main] events.js:291
    [dev:main]       throw er; // Unhandled 'error' event
    [dev:main]       ^
    [dev:main]
    [dev:main] Error: spawn webpack-dev-server ENOENT
    [dev:main]     at notFoundError (C:\Users\Nil Amrutlal\Projects\dtnl-abn-aditium\node_modules\cross-env\node_modules\cross-spawn\lib\enoent.js:6:26)
    [dev:main]     at verifyENOENT (C:\Users\Nil Amrutlal\Projects\dtnl-abn-aditium\node_modules\cross-env\node_modules\cross-spawn\lib\enoent.js:40:16)
    [dev:main]     at ChildProcess.cp.emit (C:\Users\Nil Amrutlal\Projects\dtnl-abn-aditium\node_modules\cross-env\node_modules\cross-spawn\lib\enoent.js:27:25)
    [dev:main]     at Process.ChildProcess._handle.onexit (internal/child_process.js:276:12)
    [dev:main] Emitted 'error' event on ChildProcess instance at:
    [dev:main]     at ChildProcess.cp.emit (C:\Users\Nil Amrutlal\Projects\dtnl-abn-aditium\node_modules\cross-env\node_modules\cross-spawn\lib\enoent.js:30:37)
    [dev:main]     at Process.ChildProcess._handle.onexit (internal/child_process.js:276:12) {
    [dev:main]   code: 'ENOENT',
    [dev:main]   errno: 'ENOENT',
    [dev:main]   syscall: 'spawn webpack-dev-server',
    [dev:main]   path: 'webpack-dev-server',
    [dev:main]   spawnargs: []
    [dev:main] }

提前致谢。

Answer 1

你读过文档吗？

https://www.npmjs.com/package/webpack-dev-server#with-the-cli

它应该是：

webpack serve

Answer 2

无需降级您的 webpack 版本，但为了运行webpack-dev-server ，您还必须在安装时在webpack.config.js和package.json文件中进行最低配置。

webpack.config.js文件

//...
module.exports = {
//...
    devServer: {
      static: './dist',
    },
//...
};

package.json文件

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
 "start": "webpack serve --open",
  "build": "webpack"
},

现在执行yarn start （或npm start ），你应该让你的 webpack 服务器运行起来。