无法启动 webpack 开发服务器



我是es6的新手。我阅读了一篇博客《ES6开发环境入门指南》。我一步一步地完成了整个过程。然后是安装webpack开发服务器的步骤。然后我将此代码写入cmd-npm run build。我得到这个错误:

λ npm run build                                                                                      
                               
-> jj@1.0.0 build C:UsersgalibDesktopjj                                                           
-> 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 i -D webpack-cli                                                              
-> When using yarn: yarn add -D webpack-cli                                                          
internal/modules/cjs/loader.js:888                                                                   
throw err;                                                                                         
^                                                                                                  
                               
Error: Cannot find module 'webpack-cli/bin/config-yargs'                                             
Require stack:                                                                                       
- C:UsersgalibAppDataRoamingnpmnode_moduleswebpack-dev-serverbinwebpack-dev-server.js       
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)                      
at Function.Module._load (internal/modules/cjs/loader.js:730:27)                                 
at Module.require (internal/modules/cjs/loader.js:957:19)                                        
at require (internal/modules/cjs/helpers.js:88:18)                                               
at Object.<anonymous> (C:UsersgalibAppDataRoamingnpmnode_moduleswebpack-dev-serverbinweb
at Module._compile (internal/modules/cjs/loader.js:1068:30)                                      
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1097:10)                        
at Module.load (internal/modules/cjs/loader.js:933:32)                                           
at Function.Module._load (internal/modules/cjs/loader.js:774:14)                                 
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {            
code: 'MODULE_NOT_FOUND',                                                                          
requireStack: [                                                                                    
'C:\Users\galib\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-dev-serv
]                                                                                                  
}                                                                                                    
npm ERR! code ELIFECYCLE                                                                             
npm ERR! errno 1                                                                                     
npm ERR! jj@1.0.0 build: `webpack-dev-server`                                                        
npm ERR! Exit status 1                                                                               
npm ERR!                                                                                             
npm ERR! Failed at the jj@1.0.0 build script.                                                        
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.   
                               
npm ERR! A complete log of this run can be found in:                                                 
npm ERR!     C:UsersgalibAppDataRoamingnpm-cache_logs2021-06-08T18_22_59_337Z-debug.log       

您读到的这篇文章可能是在Webpack的cli移动到webpack-cli之前写的,因此您可能需要一个额外的小步骤。

要使用cli,请在安装webpack本身的同时安装"webpack cli"->使用npm时:npm i-D webpack cli->使用yarn时:yarn add-D webpack cli

运行npm i -D webpack-cli,然后可以使用Webpack CLI。

最新更新