Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';无法启动网页包开发服务器_Javascript_Node.js_Npm_Webpack_Es6 Modules - Fatal编程技术网

Javascript Can';无法启动网页包开发服务器

Javascript Can';无法启动网页包开发服务器,javascript,node.js,npm,webpack,es6-modules,Javascript,Node.js,Npm,Webpack,Es6 Modules,我是es6新手。我按照博客初学者指南设置ES6开发环境。我一步一步地完成了整个过程。然后开始安装webpack开发服务器。然后我将此代码写入cmd-npm run build。我得到这个错误: λ npm run build

我是es6新手。我按照博客初学者指南设置ES6开发环境。我一步一步地完成了整个过程。然后开始安装webpack开发服务器。然后我将此代码写入cmd-
npm run build
。我得到这个错误:

    λ npm run build                                                                                      
                                                                                                     
-> jj@1.0.0 build C:\Users\galib\Desktop\jj                                                           
-> 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:\Users\galib\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\webpack-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:\Users\galib\AppData\Roaming\npm\node_modules\webpack-dev-server\bin\web
    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:\Users\galib\AppData\Roaming\npm-cache\_logs\2021-06-08T18_22_59_337Z-debug.log       
λnpm运行构建
-> jj@1.0.0生成C:\Users\galib\Desktop\jj
->网页包开发服务器
CLI已移动到一个单独的包中:webpack CLI
请在webpack本身之外安装“webpack cli”以使用cli
->使用npm时:npm i-D webpack cli
->使用纱线时:纱线添加-D网页包cli
内部/modules/cjs/loader.js:888
犯错误;
^                                                                                                  
错误:找不到模块“webpack cli/bin/config yargs”
需要堆栈:
-C:\Users\galib\AppData\Roaming\npm\node\u modules\webpack dev server\bin\webpack-dev-server.js
在Function.Module.\u解析文件名(internal/modules/cjs/loader.js:885:15)
at Function.Module._load(内部/modules/cjs/loader.js:730:27)
at Module.require(内部/modules/cjs/loader.js:957:19)
根据需要(内部/modules/cjs/helpers.js:88:18)
反对。(C:\Users\galib\AppData\Roaming\npm\node\u modules\webpack dev server\bin\web
at模块编译(内部/modules/cjs/loader.js:1068:30)
at Object.Module._extensions..js(internal/modules/cjs/loader.js:1097:10)
在Module.load(内部/modules/cjs/loader.js:933:32)
at Function.Module._load(内部/modules/cjs/loader.js:774:14)
在Function.executeUserEntryPoint[作为runMain](internal/modules/run_main.js:72:12){
代码:“未找到模块”,
requireStack:[
'C:\\Users\\galib\\AppData\\Roaming\\npm\\node\u modules\\webpack dev server\\bin\\webpack dev serv
]                                                                                                  
}                                                                                                    
npm错误!代码错误周期
npm错误!错误1
npm错误!jj@1.0.0生成:`webpack dev server`
npm错误!退出状态1
npm错误!
npm ERR!在以下位置失败:jj@1.0.0构建脚本。
npm错误!这可能不是npm的问题。上面可能还有其他日志输出。
npm ERR!此运行的完整日志可在以下位置找到:
npm ERR!C:\Users\galib\AppData\Roaming\npm cache\\ u logs\2021-06-08T18\u 22\u 59\u 337Z-debug.log

您阅读的文章可能是在Webpack的cli移动到
Webpack cli
之前编写的,因此您可能需要多做一小步

请在webpack本身之外安装“webpack cli”以使用cli ->使用npm时:npm i-D webpack cli ->使用纱线时:纱线添加-D网页包cli

运行
npmi-D webpack cli
,然后就可以使用webpack cli了