webpack运行报错 webpack-dev-server.... 解决方法

女爷i 2021-09-30 10:48 1652阅读 0赞

## 报错情况： ##

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:442
        throw err;
        ^
    
    Error: Cannot find module 'webpack-cli/bin/config-yargs'
        at Function.Module._resolveFilename (module.js:440:15)
        at Function.Module._load (module.js:388:25)
        at Module.require (module.js:468:17)
        at require (internal/module.js:20:19)
        at Object. (D:wabgnode_modules_webpack-dev-server@3.1.4@webpack-dev-serverbinwebpack-dev-server.js:6
    5:1)
        at Module._compile (module.js:541:32)
        at Object.Module._extensions..js (module.js:550:10)
        at Module.load (module.js:458:32)
        at tryModuleLoad (module.js:417:12)
        at Function.Module._load (module.js:409:3)
    
    npm ERR! Windows_NT 6.1.7601
    npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run
    " "server"
    npm ERR! node v6.2.1
    npm ERR! npm  v3.9.3
    npm ERR! code ELIFECYCLE
    npm ERR! @ server: `webpack-dev-server --open`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the @ server script 'webpack-dev-server --open'.
    npm ERR! Make sure you have the latest version of node.js and npm installed.
    npm ERR! If you do, this is most likely a problem with the  package,
    npm ERR! not with npm itself.
    npm ERR! Tell the author that this fails on your system:
    npm ERR!     webpack-dev-server --open
    npm ERR! You can get information on how to open an issue for this project with:
    npm ERR!     npm bugs
    npm ERR! Or if that isn't available, you can get their info via:
    npm ERR!     npm owner ls
    npm ERR! There is likely additional logging output above.
    
    npm ERR! Please include the following file with any support request:
    npm ERR!     D:wabgnpm-debug.log

## 原因： ##

Webpack与webpack-dev-server版本不兼容而导致编译出错。

## 解决方法： ##

通过以下命令卸载并重新安装：  
  **卸载版本:**

cnpm uninstall webpack -g   或者    npm uninstall webpack -g
    cnpm uninstall -g webpack-dev-server   或者   npm uninstall -g webpack-dev-server

**安装指定版本**

cnpm install webpack@3.8.0 --save-dev   或者   npm install webpack@3.8.0 --save-dev
    cnpm install webpack-dev-server@2.9.7 --save -dev   或者   npm install webpack-dev-server@2.9.7 --save -dev