Vue项目运行成功后打不开

有个Vue项目很久没运行了,时隔多月,在云端把它拉取下来之后,通过npm run dev命令能够成功运行起来,但是通过http://localhost:8080/在网页上无法打开。

在Microsoft Edge浏览器上打开http://localhost:8080/会一直转圈,显示无法打开时的默认界面。

 在搜狗浏览器上打开时也会一直转圈,但会在控制台输出URIError: URI malformed

解决方法:

将前端Vue项目的node_modules文件夹中的文件删除,然后再通过npm install重新进行安装,安装完后,再通过npm run dev 就可以正常运行了。

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在进行Vue项目开发的过程中,我们通常会使用Node.js的包管理工具,也就是npm来管理依赖。当我们在项目中新增了一个依赖之后,需要使用npm install安装,安装成功之后我们使用npm run serve命令来启动开发服务器,开始进行开发工作。但是有时候会出现npm run serve运行出错的情况。 首先,我们需要确认出错的原因。可能会出现的常见错误有以下几种情况: 1. 找不到模块:如果你使用的是第三方模块,npm install 安装完毕之后,可能会提示找不到依赖。这种情况,需要检查依赖是否正确安装,正确路径是否导入等。 2. 依赖版本不匹配:开发过程中,可能因为依赖包的更新不兼容导致依赖库版本不一致,从而导致运行出错。这种情况,需要检查依赖版本是否正确,可以查看package.json文件中dependencies和devDependencies是否匹配。 3. 语法错误:在编写Vue项目代码的过程中,可能会出现一些语法错误,例如拼写错误、缺少分号等等。这种情况,可以使用编辑器的代码检查功能或者在控制台中查看报错信息来定位错误所在。 4. 端口被占用:开发服务器使用的端口可能会被占用,导致无法启动成功。这种情况,可以尝试更换端口或者关闭占用端口的程序。 总之,出现npm run serve运行出错的情况,需要耐心地进行排查和解决。良好的调试习惯、熟练的技术识别能力和解决问题的能力是开发人员必备的基本素质。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值