webpack 打包时 安装的模版不兼容问题

1，webpack一入手就踩坑，打包时，各种报错，代码检查后正常，安装模版的时候都是最新版本，但是各模板最新的版本之间兼容却有问题，必须将某些模板降低版本。当时安装的最新版本如下图

2，npm run dev 后，先是报了 babel 的错误 “ Error: Cannot find module '@babel/core'  ”，错误信息还算详细，直接说了babel-loader要换成7的版本，于是卸载babel-loader，安装低版本 。

npm uninstall babel-loader
npm install babel-loader@7.1.1 -D

3，再次运行后，提示要安装webpack-cli，安装后，依然报错，错误信息与webpack-dev-server有关，于是将webpack和webpack-dev-server 来回试了几个版本，终于成功，vue-loader也换成了13.0.0版本。报错信息和打包编译成功的信息如下图，供大家参考，如果其它版本匹配编译成功的，请在评论里分享，让大家少踩坑。

（webpack-cli 报错信息）

（webpack 和 webpack-dev-server 报错信息）

（打包编译成功的模板版本号）更换版本号的模板为：babel-loader  、 vue-loader  、 webpack 、 webpack-dev-server