拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题-百姓标王

拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题

本文涉及的产品
容器镜像服务 ACR,镜像仓库100个 不限时长
简介: 本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。

 

image.gif 编辑

相信前端的小伙伴稍微入行一段时间的,接触过不同的项目,就可能遇到过npm install卡住的情况,下面我就来分析下几种场景、定位的方法和解决办法。不再只是删除node_modules然后重来了,虽然它能解决80%的问题

1  npm install 的原理

1.1 读取 package.json 文件

读取项目根目录下的 package.json 文件,确认当前项目所依赖的模块及其版本。

1.2 解析依赖关系

基于依赖的版本信息解析出需要安装的具体版本,并处理依赖之间的版本冲突等问题,最终生成一个依赖树。

               **注意如果有lock文件,会按照lock文件来

1.3. 下载模块

  根据解析的依赖树,npm 会从注册源头载所需的模块包。

               ** 如果本地缓存有,会读取本机的缓存

1.4. 安装模块

  • 下载的模块会解压到 node_modules 目录下,并会处理依赖树中每个模块的依赖,确保每个模块都有其所需的依赖项。

1.5. 生成或更新 package-lock.json

  • 安装完成后,npm 会更新或生成 package-lock.json 文件,以确保以后可以确定性地安装相同版本的依赖。

1.6. 执行生命周期钩子

  • 有些包会在安装过程中触发钩子(如 preinstall, postinstall),执行额外的任务。

从上面六个步骤就可以看到一些问题了,首先1很难会卡住但可能格式不对会报错,4,5也很难卡住但可能因为权限问题无法写入。于是可以从 2 3 6 来分析了

2  可能原因和解决办法

2.1 网络问题

  • 问题描述:
  • npm install 的过程中,需要从 npm 官方仓库或代理服务器上下载依赖包。如果网络不通畅,下载速度过慢,或者请求超时,可能会导致安装过程卡住,甚至失败。
  • 解决方法:
  • 切换 npm 源,使用国内镜像源,如淘宝镜像:
# 注意啦,天大的事情啦!!淘宝源2023年底就换新域名啦!
npm config set registry https://registry.npmmirror.com
相关文章
|
21天前
|
前端开发 应用服务中间件 nginx
docker安装nginx,前端项目运行
通过上述步骤,你可以轻松地在Docker中部署Nginx并运行前端项目。这种方法不仅简化了部署流程,还确保了环境的一致性,提高了开发和运维的效率。确保按步骤操作,并根据项目的具体需求进行相应的配置调整。
81 25
|
2月前
|
JavaScript
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
66 13
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
|
1月前
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
29 3
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
|
2月前
|
开发框架 小程序 前端开发
圈子社交app前端+后端源码,uniapp社交兴趣圈子开发,框架php圈子小程序安装搭建
本文介绍了圈子社交APP的源码获取、分析与定制,PHP实现的圈子框架设计及代码编写,以及圈子小程序的安装搭建。涵盖环境配置、数据库设计、前后端开发与接口对接等内容,确保平台的安全性、性能和功能完整性。通过详细指导,帮助开发者快速搭建稳定可靠的圈子社交平台。
|
2月前
|
JavaScript 算法 前端开发
为什么npm run serve正常,npm run build就报错:digital envelope routines::unsupported
通过本文的分析,我们详细介绍了 `npm run serve`正常但 `npm run build`时报错:`digital envelope routines::unsupported`的原因及解决方案。主要从检查Node.js版本、更新依赖、检查依赖库、配置文件及环境变量等方面进行了深入探讨。希望本文能帮助开发者解决这一问题,确保项目顺利构建和部署。
123 6
|
2月前
|
移动开发 缓存 前端开发
深入理解前端路由:原理、实现与应用
本书《深入理解前端路由:原理、实现与应用》全面解析了前端路由的核心概念、工作原理及其实现方法,结合实际案例探讨了其在现代Web应用中的广泛应用,适合前端开发者和相关技术人员阅读。
|
3月前
|
前端开发 开发者
本文将深入探讨 BEM 的概念、原理以及其在前端开发中的应用
BEM(Block-Element-Modifier)是一种前端开发中的命名规范和架构方法,旨在提高代码的可维护性和复用性。通过将界面拆分为独立的模块,BEM 提供了一套清晰的命名规则,增强了代码的结构化和模块化设计,促进了团队协作。本文深入探讨了 BEM 的概念、原理及其在前端开发中的应用,分析了其优势与局限性,为开发者提供了宝贵的参考。
77 8
|
3月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
120 1
|
3月前
|
监控 前端开发 jenkins
Jenkins 在前端项目持续部署中的应用,包括其原理、流程以及具体的实现方法
本文深入探讨了Jenkins在前端项目持续部署中的应用,涵盖其基本原理、流程及具体实现方法。首先介绍了Jenkins的基本概念及其在自动化任务中的作用,随后详细解析了从前端代码提交到生产环境部署的全过程,包括构建、测试、部署等关键步骤。最后,强调了持续部署中的代码质量控制、环境一致性、监控预警及安全管理等注意事项,旨在帮助开发者高效、安全地实施持续部署。
89 5
|
4月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
234 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处

推荐镜像

更多

相关内容推荐

一个关键词怎么做排名关键词排名采集工具恩哲seo关键词排名关键词排名好乐云seo纸业关键词排名推荐搜索引擎关键词排名软件优关键词排名转化云速捷拼多多关键词排名靠前流量少代做长尾关键词排名关键词怎么排名更多常熟关键词排名报价竹苑社区关键词排名推广开封360长尾关键词排名技巧河南360长尾关键词排名工具兰州网站关键词排名软件安徽网店关键词排名关键词自然排名没了怎么办关键词搜索引擎非竞价排名提升关键词排名珍藏易速达广西关键词排名快速提升亚马逊如何提升稳定关键词排名查询网站在关键词排名包装关键词排名技术务川网站关键词排名价格常熟关键词排名优化公司热门关键词排名我选易速达杭州去哪里找关键词排名报价如何去规划一个关键词排名陕西关键词排名技巧百度关键词排名点击源码一级的百度关键词排名优化关键词排名最先易速达四川网站排名关键词西安看关键词排名南昌市关键词排名公司在线关键词排名一体化关键词排名查询工具有哪些西安关键词排名按天收费鹤壁关键词点击排名技巧国际关键词排名河南天眼关键词排名代理哪有关键词排名濮阳官网关键词优化排名系统好口碑的房产关键词排名报价阜新抖音关键词排名五金关键词排名报价盖州首页关键词排名优化如何去规划一个关键词排名信阳搜狗关键词排名技术优化武威网站关键词排名多少钱长沙关键词排名哪家靠谱青海关键词排名优化推广哪家好关键词的自然搜索排名规则直通车的关键词在哪看排名刷关键词排名扩大云速捷全球浙江行业关键词排名主要做什么的关键词排名优化一年多少钱活动排名的关键词福建刷搜狗关键词排名广东推广关键词排名优化方案珠海电器关键词排名效果搜索关键词排名排行榜荆州关键词排名公司宁德关键词万词霸屏排名优化关键词排名最先易速达肇庆关键词排名工具开封平台长尾关键词排名技巧四平市关键词排名代理加盟古交特色关键词排名淘宝手机端查关键词排名吗关键词有话排名平台大数据关键词排名计划关键词排名会受到惩罚吗怎么快速提高网站关键词排名辽宁刷关键词排名优化乳山关键词排名优化关键词排名报价系统自然排名和关键词广告区别台州关键词网站排名优化贵州百度关键词优化排名找哪家黄山网站关键词排名汉中市关键词排名代理加盟灰色推广渠道关键词排名快速关键词排名优化哪个公司好如何将关键词排名到首页南京规模大的关键词排名关键词的排名优化方案郑州官网关键词排名技术邢台做关键词排名网站更新和关键词排名提高关键词排名统统易 速达杭州行业关键词排名优化方案优化关键词排名淌若易速达娄底关键词快速排名软件越秀区关键词seo排名优化推广关键词排名价吉林seo关键词排名洛阳新站seo关键词排名软件郑州整站关键词搜索排名公司关键词排名优化伍金苹果实力aso关键词排名如何选词宁波关键词排名价钱朔州关键词排名优化软件亳州市网站关键词排名优化大冶市关键词seo排名优化有实力的关键词排名推广淄博关键词排名哪家好阿里巴巴关键词怎么排名靠前网站如何做关键词以外的排名鞍山关键词排名优化华容区关键词排名优化价格包装关键词排名方法天津关键词排名选哪家安徽网站关键词排名优化技术刷搜索关键词排名 sit泉州google关键词排名关键词指数50怎么排名开封新站seo关键词排名厂家刷单需要关键词排名么贴吧关键词排名优化海南关键词排名优化软件速刷关键词排名工马鞍山百度网站关键词排名苏州关键词排名上不去拼多多查关键词排名免费怎么让公众号关键词排名7天增加海量关键词排名三大技巧栾城指定关键词优化排名公司怎么让关键词快速排名阿里巴巴刷关键词排名关键词排名优化认定内衣关键词排名优化江苏搜狗关键词排名推广方式昌乐关键词排名推广联系方式互联网关键词排名口碑推荐大同行业关键词排名下拉关键词排名首选15火星临夏市关键词seo排名优化关键词优化排名软件排行什么是微博关键词排名推广如何提高苹果关键词排名四川域名关键词排名查询永康市关键词seo排名优化上海百度关键词快速排名福建在线刷关键词排名关键词快速排名口诀关键词排名软件账云速捷豪杰qq群名称关键词排名优化直通车关键词如何卡排名鹤壁关键词搜索排名推广批量刷关键词排名电子关键词排名哪家便宜淘宝的无线关键词排名原理搜索关键词排名当火2星优秀tb关键词排名莆田关键词排名外包seo关键词排名快速软件官网搜索产品关键词排名平台aso关键词排名算法5118关键词排名白云关键词排名优化小红书笔记关键词排名google关键词排名检测福建文章关键词排名关键词排名监控客户端丽水关键词排名技术百度网站关键词排名找哪家关键词排名需要哪些如何快速关键词上排名天津关键词排名哪家好什么关键词容易排名上去云南百度关键词排名推广费用郑州天眼关键词排名多少钱新沂市关键词排名策划建瓯百度关键词排名安阳搜狗关键词排名优化厂家关键词快速排名优火9星揭阳关键词网站优化排名海南关键词排名快速上首页刷关键词排名点评易速达即时查询百度关键词排名关键词排名优化ぶ花总努力武汉网站关键词点击排名哈密关键词快速排名系统宝鸡网站关键词排名优化桂林百度关键词排名推广阳江网站seo关键词排名平台关键词排名优化公司江苏热门关键词排名济源整站关键词排名优化技巧关键词排名贰金手指专业十九手动提升关键词排名提升工具关键词排名快速推广效果好许昌百度关键词排名软件大丰关键词排名公司湖南专业关键词排名怎么收费关键词坑产排名工具头条热门关键词排名拼多多在哪里查关键词排名河南整站关键词自然排名公司

合作伙伴

百姓标王

龙岗网络公司
深圳网站优化
龙岗网站建设
坪山网站建设
百度标王推广
天下网标王
SEO优化按天计费
SEO按天计费系统