1.删除package-lock.json和node_modules文件
package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。
2.进入项目的终端
(1)进入vue项目所在目录
2.在当前路径框中输入cmd并回车
3.清除npm缓存
npm有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。控制台输入下面命令清除npm缓存,npm有缓存时,常常出现安装依赖不成功的现象
npm cache clean -force
4.重新安装依赖
npm install
5.运行项目
npm run dev
6.浏览器输入地址:http://localhost:8080,出现页面