Vue报错_no matching version found for html-webpack-plugin@

Vue报错类型

一、 运行npm run dev报错（1）

1、在webpack项目根目录下运行npm run dev出错

原因：webpack-dev-server版本不兼容（版本不匹配，太低），未将IDEA的setting—>language&frameworks—>javascript设置为ECMAScript6
解决方法：
将IDEA的setting—>language&frameworks—>javascript设置为ECMAScript6

卸载旧版本，重新安装webpack-dev-server

cnpm uninstall -g webpack-dev-server
cnpm install webpack-dev-server -g --save-dev
1
2

会提示与目前版本相匹配的webpack-dev-server

安装提示的webpack-dev-server版本

cnpm install webpack-dev-server@3.8.2 -g --save-dev
1

关闭eslint（以后初始化项目时就不安装eslint，避免因语法不严格而报错）
将webpack-base-config.js的eslint内容注释掉

再运行npm run dev，报以下错误：

原因：项目中webpack升级到4.x 的话 vue-loader要升级到14.+
解决方法：

再次运行：

原因：未找到html-webpack-plugin
解决方法：安装最新的html-webpack-plugin

npm i --save-dev html-webpack-plugin@next
1

再次运行，成功

总结：
1、当webpack是高版本时，webpack-dev-server、vue-loader、html-webpack-plugin都要升到高版本，否则导致版本不兼容报错

//卸载旧的webpack-dev-server版本，安装新的
cnpm uninstall -g webpack-dev-server
cnpm install webpack-dev-server -g --save-dev
//根据提示安装与当前webpack4+相匹配的版本
cnpm install webpack-dev-server@3.8.2 -g --save-dev
//升级vue-loader,webpack升级到4+时，vue-loader要升级到14.x
npm install vue-loader@14.1.0 --save-dev
//将html-webpack-plugin升级到最新版本
npm i --save-dev html-webpack-plugin@next
1
2
3
4
5
6
7
8
9

2、不要安装eslint，对语法太严格，约束
3、将IDEA的setting—>language&frameworks—>javascript设置为ECMAScript6

二、 运行npm run dev报错（2）

在使用vue-cli3搭建项目时，运行项目的命令是npm run serve,和以前使用的npm run dev不一样

若要使用npm run dev，则需要找到package.json文件中的 “serve”: “vue-cli-service serve” 这一行，把前面的 serve 修改 dev 后保存文件

三、npm WARN Local package.json exists, but node_modules missing, did you mean to install? （npm install问题）

1、指定到当前目录，安装依赖

npm install
1

出现 “runnpm audit fixto fix them, ornpm auditfor details”

2、指定到当前目录

npm audit fix --force
1

执行npm install可能报以下错

可以关闭所有文件，然后删除node_modules，然后在npm install

npm audit --force出现以下问题

出现上述情况，再运行一遍 “npm install”

4、If you are behind a proxy, please make sure that thenpm ERR! network ‘proxy’ config is set properly. See: ‘npm help config’

原因：代理的默认地址为proxy的值 。
解决方案：npm config set proxy null 代理置为空