小白初次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

相关文章

解决IDEA报错:编码GBK的不可映射字符问题

《解决IDEA报错:编码GBK的不可映射字符问题》:本文主要介绍解决IDEA报错:编码GBK的不可映射字符问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录IDEA报错:编码GBK的不可映射字符终端软件问题描述原因分析解决方案方法1:将命令改为方法2:右下jav

MyBatis模糊查询报错:ParserException: not supported.pos 问题解决

《MyBatis模糊查询报错:ParserException:notsupported.pos问题解决》本文主要介绍了MyBatis模糊查询报错:ParserException:notsuppo... 目录问题描述问题根源错误SQL解析逻辑深层原因分析三种解决方案方案一:使用CONCAT函数(推荐)方案二:

Redis 热 key 和大 key 问题小结

《Redis热key和大key问题小结》:本文主要介绍Redis热key和大key问题小结,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、什么是 Redis 热 key?热 key(Hot Key)定义: 热 key 常见表现:热 key 的风险:二、

IntelliJ IDEA 中配置 Spring MVC 环境的详细步骤及问题解决

《IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决》:本文主要介绍IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决,本文分步骤结合实例给大... 目录步骤 1:创建 Maven Web 项目步骤 2:添加 Spring MVC 依赖1、保存后执行2、将新的依赖

python获取网页表格的多种方法汇总

《python获取网页表格的多种方法汇总》我们在网页上看到很多的表格,如果要获取里面的数据或者转化成其他格式,就需要将表格获取下来并进行整理,在Python中,获取网页表格的方法有多种,下面就跟随小编... 目录1. 使用Pandas的read_html2. 使用BeautifulSoup和pandas3.

Spring 中的循环引用问题解决方法

《Spring中的循环引用问题解决方法》:本文主要介绍Spring中的循环引用问题解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录什么是循环引用?循环依赖三级缓存解决循环依赖二级缓存三级缓存本章来聊聊Spring 中的循环引用问题该如何解决。这里聊

Spring Boot中JSON数值溢出问题从报错到优雅解决办法

《SpringBoot中JSON数值溢出问题从报错到优雅解决办法》:本文主要介绍SpringBoot中JSON数值溢出问题从报错到优雅的解决办法,通过修改字段类型为Long、添加全局异常处理和... 目录一、问题背景:为什么我的接口突然报错了?二、为什么会发生这个错误?1. Java 数据类型的“容量”限制

Java对象转换的实现方式汇总

《Java对象转换的实现方式汇总》:本文主要介绍Java对象转换的多种实现方式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Java对象转换的多种实现方式1. 手动映射(Manual Mapping)2. Builder模式3. 工具类辅助映

关于MongoDB图片URL存储异常问题以及解决

《关于MongoDB图片URL存储异常问题以及解决》:本文主要介绍关于MongoDB图片URL存储异常问题以及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录MongoDB图片URL存储异常问题项目场景问题描述原因分析解决方案预防措施js总结MongoDB图

SpringBoot项目中报错The field screenShot exceeds its maximum permitted size of 1048576 bytes.的问题及解决

《SpringBoot项目中报错ThefieldscreenShotexceedsitsmaximumpermittedsizeof1048576bytes.的问题及解决》这篇文章... 目录项目场景问题描述原因分析解决方案总结项目场景javascript提示:项目相关背景:项目场景:基于Spring