美文网首页
npm 和yarn 同时使用导致的bug

npm 和yarn 同时使用导致的bug

作者: qjsxq | 来源:发表于2023-07-12 15:20 被阅读0次

在对一个新接手的老项目接入Sentry的时候,项目里面同时package.lock.json和yarn.lock。我用npm install 安装的Sentry相关依赖,没有问题。但是生产发布时却出现了element-plus组件的一些问题,比如el-dialog 的header消失,el-input-number输入1.03时,默认变成1.3。一开始以为是sentry和element-plus产生冲突导致的,最后发现是element-plus本身的问题。但是之前为什么没有问题呢,因为生产发布一值用的yarn,而且yarn.lock之前锁定的element-plus版本一直是2.2.9。但是这次发版之后发现element-plus变成了2.2.0,版本突然降的原因是因为package.lock.json里面锁定的版本是2.2.0,而且在使用npm install 的时候,yarn.lock文件内容会自动同步package.lock.json里的内容,反之不会,这就导致了yarn.lock文件锁定的element-plus版本变成了2.2.0,而element-plus版本本身是有问题的。
解决:在package.json 里面使用

 "engines": {
    "npm": "please-use-yarn",
    "yarn": ">= 1.19.1",
    "node": ">= 12.5.0"
  },

同时创建.npmrc 内容为

engine-strict=true

来控制 当安装依赖或者install时只能使用 yarn 或者只能使用npm

相关文章

  • vue ui命令无效

    总结, npm跟yarn只用一个,就不会出现这种问题 使用npm跟yarn来回安装tui-editor导致的vue...

  • Cannot find module 'asap/raw'

    Cannot find module 'asap/raw' 尽量不要同时使用npm 和yarn 1.可以删除nod...

  • vite初体验

    一、安装最新版: 使用 NPM:$ npm create vite@latest使用 Yarn:$ yarn cr...

  • yarn构建vue项目

    yarn也是和npm的功能一样,都是一个包管理工具. 1、yarn的安装 说明:yarn的使用也是和npm一样,之...

  • vue-cli

    ## yarn安装 npm install -g yarn ## yarn使用 安装全部的包 yarn 安装某个包...

  • node-sass网络太慢解决办法

    npm : yarn : 只指定node-sass的下载源: npm: yarn: 然后我可以正常使用npm或者y...

  • npm、yarn切换源、加代理

    npm和yarn转换淘宝源和官方源 npm 设置代理 npm 删除代理 yarn 设置代理 yarn 删除代理

  • yarn 安装

    什么是yarn 一种类似npm的 Node的模块管理器,从使用上来看,npm和yarn几乎相同,yarn 同样是一...

  • yarn的介绍及workspace的使用

    yarn介绍及使用 yarn工作流yarn工作流与npm类似 都是使用package.json文件,yarn会...

  • CentOS7下安装和配置yarn

    Yarn[https://github.com/yarnpkg/yarn]和npm[https://www.npm...

网友评论

      本文标题:npm 和yarn 同时使用导致的bug

      本文链接:https://www.haomeiwen.com/subject/cmaejdtx.html