npm intall成功后npm run serve报错,自学vue试错踩坑

前情提示:此文是自己亲身试错所写,希望可以帮助一些和我遇见同样问题的朋友解决问题,如有更好的建议可以多多指点一下我,自学试错每次卡住半天找不到合适的解决方法也挺愁的「(°ヘ°)

运行npm install成功下载node_modules文件,运行npm run serve时报错,不知道该怎么解决,在这卡了半天了,有没有大神可以指教一二

在这里插入图片描述
续:昨天在这卡了半天,终于解决了npm run serve显示端口号的问题。但是由于建好目录结构后npm run serve的端口展现的是index.vue的首页,所以我的.html文件就没有办法跳转,现在还没学习到路由所以只能将这个问题暂时搁置。

问题解决的方法:建好项目结构,配置好package.json文件,安装淘宝镜像
1.package.json文件显示在这里插入图片描述
2.在安装淘宝镜像之前需要做好的事情win+s搜索powershell并以管理员身份运行,输入set-ExecutionPolicy RemoteSigned,在执行策略更改处输入a,输入 get-ExecutionPolicy 显示出 RemoteSigned就OK了。
在这里插入图片描述
3.安装淘宝镜像,win+r运行输入cmd,输入npm install -g cnpm --registry=https://registry.npm.taobao.org命令就可以安装成功了。
在这里插入图片描述
4.在VScode终端输入 cnpm install,就会是下图展示的这样了,再输入npm run serve就会显示端口了。
在这里插入图片描述

总结:在终端输入vue init webpack vue_test创立正确的vue文件目录结构,因为我暂时性学习的全是vue的内容就没有那么在意,写的也都是自己创建的.html的文件,事实证明文件初始创建的配置很重要,要想npm run serve成功显示端口服务,必须要查看package.json文件中vue的配置是否齐全。

啊!自学试错踩坑报错一个接一个的(oT-T)尸

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值