运行npm run dev时，报错解决

运行npm的时候，报错：

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

错误提示显示，webpack单独分离出了wepack-cli，需要我们安装wepack-cli。

解决办法：

全局安装：

npm i -g webpack-cli

在项目本地安装webpack，webpack-cli：

npm install webpack webpack-cli -D

安装完成之后，重新启动项目：npm run dev,结果仍然报错。但是错误已经不是刚才那个啦。报错信息如下：

module.js:549
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'

这个报错的原因，webpack和webpack-dev-server的版本不兼容。

查看package.json中的各个版本。

而webpack和webpack-dev-server的个版本对应关系如下：

webpack 3.x 要使用 webpack-dev-server 2.x

webpack 4.x 要使用 webpack-dev-server 3.x

解决办法：

1、卸载全局和局部的webpack-dev-server

-- 卸载全局
npm uninstall webpack-dev-server -g    

-- 卸载局部 （本地）
npm uninstall webpack-dev-server -D      

2、安全符合版本要求的webpack-dev-server@2.9.7

npm i webpack-dev-server@2.9.7 -D    本地安装

完成之后重新执行npm run dev