webpack3升级到webpack4遇到的问题

因项目需要，要将webpack3升级到webpack4，升级前版本webpack@3.6.0
安装webpack4

npm install webpack webpack-cli --save-dev

安装完成

安装完成运行项目报错：

1.报错：Error: Cannot find module 'webpack/bin/config-yargs’

原因：webpack 和 webpack-dev-server版本不匹配
解决：更新webpack-dev-server，更新之后版本3.11.0

2.报错：compilation.mainTemplate.applyPluginsWaterfall is not a function

原因：html-webpack-plugin 版本不兼容
我的版本：

"html-webpack-plugin": "^2.30.1",
"webpack": "^4.44.2",

解决：html-webpack-plugin升级到最新版

npm un html-webpack-plugin
npm i --save-dev html-webpack-plugin

3.报错：Cannot read property ‘bindings’ of null

解决：参考https://my.oschina.net/u/4400687/blog/3659991点击直达
更改之前：

更改之后：

4.报错：TypeError: Cannot read property ‘vue’ of undefined

解决：参考https://github.com/vuejs/vue-loader/issues/1177点击直达

更改之前：

更改之后：

5.报错：this.setDynamic is not a function

解决：参考https://www.cnblogs.com/steamed-twisted-roll/p/11243398.html点击直达

npm install --save-dev @babel/plugin-transform-runtime