当前位置: 首页 > news >正文

小白初次Vue启动遇到问题汇总

最近一段时间有Vue前端项目以及小程序,在刚开始clone下后 启动的时候遇到几个问题再次记录一下,这个适合类似新手前端以及后端刚转前端人员适合。

问题1

  • 刚clone项目 需要做啥?

方案思路

  • node npm npm yarn 安装 根据自己公司要求版本下载

npm‌:npm是‌Node.js的官方包管理工具,拥有丰富的包资源,能够满足大部分前端项目的需求。它随Node.js一起安装,使用简单,命令行操作方便。‌
‌cnpm‌:cnpm是npm的国内镜像,使用淘宝的npm镜像源,可以加快依赖包的下载速度。它的命令与npm基本一致,只是在命令前加上“cnpm”前缀。‌
‌yarn‌:yarn是由‌Facebook开发的包管理工具,旨在解决npm的一些缺点和性能问题。它支持离线安装和版本锁定等功能,安装速度和依赖包的下载速度都比npm快。

问题2

  • 当前启动前需要yarn 或者 npm cnpm 安装依赖包 遇到 401

方案思路

npm ERR! code E401
npm ERR! 401 Unauthorized: **包

  • 类似这样的问题 是因为有私有仓库的包比如你们公司内部组件的包 需要登录私有仓库用户名密码验证后再去安装依赖包 比如npm login 或者公司内部个性化检验方式

问题3

  • npm 或yarn 的时候遇到以下错误

error code EINTEGRITY
error An unexpected error occurred: “https://registry.nlark.com/xxxxxxxxxx.tgz: getaddrinfo ENOTFOUND registry.nlark.com”.

方案思路

  • 假如是首次直接删除你用的方式下面的包 比如你是使用npm -i 删除package-lock 使用yarn 删除yarn.lock 再去执行对应的npm -i 或者yarn
  • 有之前下载过的可以考虑删除 npm cache clean --force 或者手动删除node_modules 重新下载
  • 要是还有错误需要看看配置json里面的版本是否兼容

问题4

  • 执行上面命令卡死不动的

方案思路

设置国内的镜像源提高下载速度 有内部网镜像也记得配上。

yarn config set registry https://registry.npm.taobao.org

问题5

  • 启动超过内存限制的报错

方案思路

执行对应的扩展内存脚本比如:npm run fix-memory-limit

总结

上面可能只是我目前遇到的问题以及解决思路和部分方案,可能完整方案还需要大家去具体根据具体情况去实现。这里只是提供一个思路。特别是安装包版本问题 具体问题需要具体分析

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 不良信息公示
  • 鸿蒙 使用 Emitter 精准刷新
  • <Rust>egui学习之小部件(六):如何在窗口中添加菜单栏部件?
  • vue ref和reactive区别
  • SoftMaker Office Pro 2024:高效办公的全方位解决方案
  • 分库分表学习笔记(二)
  • 什么是池化层
  • jarbas 靶机渗透(cms 渗透)
  • Spring Cloud全解析:网关之GateWay简介
  • Linux sentinel写法
  • 下载外文文献的常用方法
  • mysql高可用之组复制 (MGR)
  • MyBatis的学习————下篇
  • 西门子PLC控制激光读头,profient转Ethernet IP网关应用
  • 【前端面试】操作系统
  • 网络传输文件的问题
  • 2017年终总结、随想
  • Android 架构优化~MVP 架构改造
  • js如何打印object对象
  • js数组之filter
  • php ci框架整合银盛支付
  • rabbitmq延迟消息示例
  • scrapy学习之路4(itemloder的使用)
  • 微信小程序实战练习(仿五洲到家微信版)
  • 我这样减少了26.5M Java内存!
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • !!Dom4j 学习笔记
  • # Swust 12th acm 邀请赛# [ A ] A+B problem [题解]
  • #Ubuntu(修改root信息)
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • $$$$GB2312-80区位编码表$$$$
  • (ZT)北大教授朱青生给学生的一封信:大学,更是一个科学的保证
  • (八)Spring源码解析:Spring MVC
  • (论文阅读22/100)Learning a Deep Compact Image Representation for Visual Tracking
  • (南京观海微电子)——I3C协议介绍
  • (全部习题答案)研究生英语读写教程基础级教师用书PDF|| 研究生英语读写教程提高级教师用书PDF
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .net 7 上传文件踩坑
  • .net Application的目录
  • .net dataexcel 脚本公式 函数源码
  • .NET Framework 4.6.2改进了WPF和安全性
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • .NET 发展历程
  • .NET/C# 编译期间能确定的相同字符串,在运行期间是相同的实例
  • .Net8 Blazor 尝鲜
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .net解析传过来的xml_DOM4J解析XML文件
  • .net快速开发框架源码分享
  • @RequestMapping处理请求异常
  • [ SNOI 2013 ] Quare
  • [Android] Amazon 的 android 音视频开发文档
  • [Angular] 笔记 20:NgContent
  • [boost]使用boost::function和boost::bind产生的down机一例