webpack运行报错

当下版本（并不匹配）：

后续安装一系列包…
package.json中进行相关配置：

报错：

npm ls --depth 0可见包版本不匹配：

查询相关资料，卸载项目相关不匹配版本包后安装匹配包版本：


此时报如下错：

更换vue-loader版本：

此时报如下错：

根据提示换包版本：


打包成功：


运行失败（粗心大意，- -hot）:



。。。。。。

如此生活三十年。。。直到大厦崩塌。。。


编译成功：

运行成功:

查阅相关资料并总结，版本号问题。webpack运行报错 webpack-dev-server…等问题多为webpack与webpack-dev-server版本不兼容而导致编译出错。安装webpack-cli、webpack、webpack-dev-server时因为版本兼容性问题，上面所叙述插件一般都使用固定搭配版本。解决方法卸载版本并安装指定版本。