npm报错之package-lock.json found. 问题和淘宝镜像源过期问题

1、package-lock.json found. 问题的解决

在执行yarn add react-transition-group -S 安装react-transition-group时出现package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchroniemove package-lock.json 是由于在项目中同时存在 package-lock.json 和 yarn.lock 锁定文件,可能会导致版本冲突和依赖不一致的问题。package-lock.json 是 npm 安装依赖时自动生成的,相应地yarn.lock 是使用 yarn 安装依赖时生成的。

为了避免上述问题,建议在项目中只使用 npm或 yarn一种包管理工具。使用 yarn作为项目的包管理工具,可以删除 package-lock.json 文件来解决该问题。

复制代码
del package-lock.json
//使用该命令删除package-lock.json文件后,问题未解决,任然不能安装 react-transition-group

2、解决淘宝镜像源过期问题

出现An unexpected error occurred: "https://registry.npm.taobao.org/react-transition-group: certificate has expired"问题,原因在于淘宝镜像已过期。据查阅资料得知,2024年1 月 22 日,淘宝原镜像域名(registry.npm.taobao.org)的 HTTPS 证书正式到期。这就导致旧的 npm 淘宝镜像在使用时出错了。解决方法就是清除旧的淘宝镜像源,下载新镜像源。具体步骤如下:

javascript 复制代码
// win+R键运行cmd,查看当前npm镜像源
npm config list
//清空缓存
npm cache clean --force
//修改镜像(一般国内用户推荐使用淘宝镜像)
npm config set registry https://registry.npmmirror.com
//再次查看 npm 公共镜像地址是否修改成功
npm config list

总结

关于解决package-lock.json found. 问题和淘宝镜像源过期问题的方法如上,在阅读过程中如若有误,劳请指正;如若有妙解、疑惑也欢迎大家和我交流,感谢!

相关推荐
猪八宅百炼成仙28 分钟前
解决Vue项目中scrollIntoView导致的布局异常问题
前端
miss37 分钟前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
绝世唐门三哥1 小时前
React---数组浅拷贝之slice的使用
前端·reactjs
傅里叶1 小时前
Flutter开发的app,实现Google 登录
前端·flutter
胖橘2 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
我叫黑大帅2 小时前
🚀 JS 最常用的性能优化 防抖和节流
前端·javascript·面试
啊丫丫2 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
求知若饥2 小时前
webpage-channel 让不同页面通信像组件通信一样简便
前端·typescript·node.js
图扑软件2 小时前
图扑 HT 帧动画 | 3D 动态渲染设计与实现
前端·javascript·3d·动画·数字孪生
终端鹿2 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js