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

2024-08-25 18:52

本文主要是介绍小白初次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

总结

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

这篇关于小白初次Vue启动遇到问题汇总的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1106369

相关文章

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

SpringSecurity整合redission序列化问题小结(最新整理)

《SpringSecurity整合redission序列化问题小结(最新整理)》文章详解SpringSecurity整合Redisson时的序列化问题,指出需排除官方Jackson依赖,通过自定义反序... 目录1. 前言2. Redission配置2.1 RedissonProperties2.2 Red

nginx 负载均衡配置及如何解决重复登录问题

《nginx负载均衡配置及如何解决重复登录问题》文章详解Nginx源码安装与Docker部署,介绍四层/七层代理区别及负载均衡策略,通过ip_hash解决重复登录问题,对nginx负载均衡配置及如何... 目录一:源码安装:1.配置编译参数2.编译3.编译安装 二,四层代理和七层代理区别1.二者混合使用举例

怎样通过分析GC日志来定位Java进程的内存问题

《怎样通过分析GC日志来定位Java进程的内存问题》:本文主要介绍怎样通过分析GC日志来定位Java进程的内存问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、GC 日志基础配置1. 启用详细 GC 日志2. 不同收集器的日志格式二、关键指标与分析维度1.

Java 线程安全与 volatile与单例模式问题及解决方案

《Java线程安全与volatile与单例模式问题及解决方案》文章主要讲解线程安全问题的五个成因(调度随机、变量修改、非原子操作、内存可见性、指令重排序)及解决方案,强调使用volatile关键字... 目录什么是线程安全线程安全问题的产生与解决方案线程的调度是随机的多个线程对同一个变量进行修改线程的修改操

Redis出现中文乱码的问题及解决

《Redis出现中文乱码的问题及解决》:本文主要介绍Redis出现中文乱码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 问题的产生2China编程. 问题的解决redihttp://www.chinasem.cns数据进制问题的解决中文乱码问题解决总结

全面解析MySQL索引长度限制问题与解决方案

《全面解析MySQL索引长度限制问题与解决方案》MySQL对索引长度设限是为了保持高效的数据检索性能,这个限制不是MySQL的缺陷,而是数据库设计中的权衡结果,下面我们就来看看如何解决这一问题吧... 目录引言:为什么会有索引键长度问题?一、问题根源深度解析mysql索引长度限制原理实际场景示例二、五大解决

Springboot如何正确使用AOP问题

《Springboot如何正确使用AOP问题》:本文主要介绍Springboot如何正确使用AOP问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录​一、AOP概念二、切点表达式​execution表达式案例三、AOP通知四、springboot中使用AOP导出

Python中Tensorflow无法调用GPU问题的解决方法

《Python中Tensorflow无法调用GPU问题的解决方法》文章详解如何解决TensorFlow在Windows无法识别GPU的问题,需降级至2.10版本,安装匹配CUDA11.2和cuDNN... 当用以下代码查看GPU数量时,gpuspython返回的是一个空列表,说明tensorflow没有找到

解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题

《解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题》:本文主要介绍解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4... 目录未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘打开pom.XM