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

记录一次坑 | 包版本不一致产生的问题的排查过程

记录一次坑

【此为单纯项目bug记录,和前辈一起探讨并解决了,发出来一方面是定期记录一下,另一方面也为以后遇到这种玄学问题😂提供一种排查思路】

【用到的框架】

umi+antd

【起因】

我和前辈都提交并拉取了仓库的最新代码,但我和他的界面展示竟然有几个地方是不一样
在这里插入图片描述

【起疑】

初步怀疑是环境依赖的区别,但具体到底是哪个包导致的不同呢?明明拉取了package.json为最新内容了还会有版本不一致问题?
不管了,既然是安装包不一样,那就重新安装一下,启动planA

【planA】

删除node_modules并重新yarn安装
结果:无效😓

什么情况?难道不是包的问题?仔细看了一下,突然想到了可能是yarn.lock文件在作妖,把版本号给锁住了

没办法,planB吧

【planB】

删除node_modules和yarn.lock并重新安装
结果:无效😓

???
在这里插入图片描述
为啥还不行???

重新观察,发现还有个.umi文件,以前有被这个东西坑过,要强刷的时候需要先把它删了。

害,再来一次吧,planC

【planC】

删除node_modules和yarn.lock和.umi并重新安装,启动报错,重启yarn run start
结果:成功了😆好耶

问题解决,果然是依赖包的问题,但具体到底是哪个包导致的不同呢?
由于不同的地方用的都是ant-design,且没有用到其他插件
对比一下两次的yarn.lock文件
发现果然是因为antd-design版本不一致导致的不同

【好耶】

最终我俩用了同一份yarn.lock文件并重新安装了插件就解决啦

以后遇到这种包不一致,重新安装还不行的问题,可以先从.lock和.umi文件来看看😂

相关文章:

  • SmartX Everoute 如何通过微分段技术实现 “零信任” | 社区成长营分享回顾
  • “相信美好,即将发生”——天泽智云
  • 面试阿里技术专家岗,对答如流,这些面试题你能答出多少
  • Spring AOP与事务
  • 时序与空间结构
  • 一幅长文细学TypeScript(一)——上手
  • DM JDBC
  • hadoop2.2.0开机启动的后台服务脚本(请结合上一篇学习)
  • java基于springboot+vue的学生成绩管理系统 elementui
  • 测试与开发环境网址hosts配置
  • MogDB企业应用 之 Rust驱动
  • html css面试题
  • 密码学 | RC4算法Native层分析
  • 融合与创新:数据堂骨龄标注工具为医生赋能
  • MySQL:库操作 | 表操作
  • [NodeJS] 关于Buffer
  • CentOS 7 防火墙操作
  • CentOS学习笔记 - 12. Nginx搭建Centos7.5远程repo
  • Hibernate最全面试题
  • HTTP中的ETag在移动客户端的应用
  • iOS小技巧之UIImagePickerController实现头像选择
  • js ES6 求数组的交集,并集,还有差集
  • Node 版本管理
  • vue学习系列(二)vue-cli
  • vue中实现单选
  • 从0实现一个tiny react(三)生命周期
  • 高程读书笔记 第六章 面向对象程序设计
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 前端
  • 前端存储 - localStorage
  • 实现简单的正则表达式引擎
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 一个SAP顾问在美国的这些年
  • !!Dom4j 学习笔记
  • # 计算机视觉入门
  • #{}和${}的区别是什么 -- java面试
  • #Linux杂记--将Python3的源码编译为.so文件方法与Linux环境下的交叉编译方法
  • $GOPATH/go.mod exists but should not goland
  • (1)bark-ml
  • (1)Map集合 (2)异常机制 (3)File类 (4)I/O流
  • (ibm)Java 语言的 XPath API
  • (react踩过的坑)Antd Select(设置了labelInValue)在FormItem中initialValue的问题
  • (Redis使用系列) SpringBoot 中对应2.0.x版本的Redis配置 一
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (超详细)2-YOLOV5改进-添加SimAM注意力机制
  • (待修改)PyG安装步骤
  • (三)Honghu Cloud云架构一定时调度平台
  • (四)JPA - JQPL 实现增删改查
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)创业家杂志:UCWEB天使第一步
  • (转)四层和七层负载均衡的区别
  • ***详解账号泄露:全球约1亿用户已泄露
  • .NET CF命令行调试器MDbg入门(三) 进程控制
  • .NET Core、DNX、DNU、DNVM、MVC6学习资料
  • .NET 表达式计算:Expression Evaluator