yarn add后依赖仅出现在devDependencies中，没有出现在dependencies中

最新推荐文章于 2025-09-20 22:53:33 发布
原创 最新推荐文章于 2025-09-20 22:53:33 发布 · 5.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #yarn

本文解决了一个前端新手在使用Yarn添加依赖时遇到的问题：依赖仅出现在devDependencies中而未出现在dependencies中。通过删除devDependencies中的依赖并重新执行yarn add命令，可以将依赖正确添加到dependencies。

具体问题

前端新手在 yarn add xxx过程中，不知道做了什么蜜汁操作（add没有加任何参数），导致add的xxx依赖只出现在package.json的devDependencies中，dependencies却没有这个依赖。
后面再怎么add都不会自动加到dependencies中了，又怕手动加入到package.json中会出问题，怎么办？

处理方法

把devDependencies中的那个依赖删掉，重新执行yarn add xxx就行。

【Yarn】Yarn 命令详解
九师兄
09-21 1万+
创建项目：yarn init安装依赖包：yarn == yarn install添加依赖包：yarn add配置淘宝镜像：yarn config set registry “https://registry.npm.taobao.org”
如何安装和使用Yarn管理JavaScript依赖
dazhong2012的专栏
04-18 608
在JavaScript开发中，依赖管理是一个至关重要的环节。Yarn是一个强大的包管理工具，旨在提供快速、可靠和安全的依赖解决方案。本文将介绍如何安装和使用Yarn，让你轻松管理JavaScript项目的依赖。
Yarn Workspace介绍 + 适用场景 + 命令
weixin_43719925的博客
03-07 1965
Yarn 对你的代码来说是一个包管理器。它可以让你使用并分享 全世界开发者的（例如 JavaScript）代码。Yarn 能够快速、安全、 并可靠地完成这些工作，所以你不用有任何担心。通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。使用过程中遇到问题，你可以将其上报或者贡献解决方案。一旦问题被修复， Yarn会更新保持同步。代码通过 包（package） (或者称为 模块（module）) 的方式来共享。一个包里包含所有需要共享的代码，以及描述包信息的文件，称为。
Yarn的安装和使用（2）：使用及问题解决
Rcain_R的博客
03-31 1980
Yarn的使用及使用中常见的问题解决
yarn命令介绍（替代npm命令的JavaScript包管理工具）
最新发布
Dontla的博客
09-20 1360
Yarn是一个快速、可靠、安全的依赖管理工具，用于管理JavaScript项目的依赖。它由Facebook、Google、Exponent和Tilde共同开发，旨在解决npm在依赖管理方面存在的问题。安装速度更快依赖管理更加一致支持并行安装有更安全的依赖解析机制提供更好的错误信息Yarn作为现代JavaScript项目依赖管理的首选工具，提供了比npm更高效、更可靠的依赖管理体验。通过掌握以上命令，你可以更高效地管理项目依赖，提高开发效率。
【python基础】-- yarn add 添加依赖的各种类型
欢迎来到我的博客，一起探索代码里的世界！
12-19 3575
​yarn install // 安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock。yarn install --production // 只安装dependencies里的包。yarn install --no-lockfile // 不读取或生成yarn.lock。yarn install --pure-lockfile // 不生成yarn.lock。yarn cache list # 列出已缓存的每个包。
devDependencies和dependencies
yiqiebyjian的博客
03-23 1212
devDependencies 全称：development dependencies  。中文名称：开发依赖包dependencies 中文名称：依赖包 （）一 ，devDependencies官方解释：devDependencies：开发的时候用的依赖包。用法：如-->加载express开发依赖包的命令:   yarn add express -D。我用的包管理工具是yarn。  如果是...
vue 项目中 怎么区分库应该安装在dependencies还是安装在devDependencies
06-20
在 Vue 项目中，`dependencies` 和 `devDependencies` 是用于管理项目依赖的两种不同分类。以下是它们的区别和使用场景： #### 1. **dependencies** `dependencies` 是指项目运行时所必需的依赖项。这些依赖项会被...
yarn安装cheerio插件到devDependencies中
03-15
好的，我现在需要帮用户解决如何用yarn将cheerio添加到项目的devDependencies中。首先，我得回忆一下yarn的相关命令。用户之前可能用过npm，但这里明确要求用yarn，所以不能混淆npm和yarn的指令。 根据之前的知识，...
安装element-plus后，package.json中没有出现它的依赖
03-10
如果上述方法都不奏效，可以尝试手动在package.json的dependencies或devDependencies中添加element-plus的版本信息，然后运行npm install或yarn install。这应该能正确安装依赖并更新lock文件。同时，确保element-...
dependencies与devDependencies的区别
weixin_30414155的博客
09-21 269
npm install在安装node模块时，有两种命令参数可以把它们的信息写入package.json文件： –save –save-dev 但它的文档里1，只提到一个小区别，–save会把依赖包名称添加到package.json文件dependencies键下，–save-dev则添加到package.json文件devDependencies键下，譬如： {...
项目需要yarn，但是它没有安装的问题
jieshdad的博客
07-07 383
看错误内容缺少yarn文件，所以删除项目中的yarn文件后重新下载一个，具体看图片操作。终端执行npm install -g yarnd代码，然后重新运行，项目就可以跑起来了。vue项目启动时，出现以下报错。
yarn添加依赖有三种方式，它们有什么区别，使用场景是什么
热门推荐
天心天地生的博客
03-26 2万+
yarn添加依赖的三种方式 分别添加到 devDependencies、peerDependencies 和 optionalDependencies 类别中： yarn add [package] --dev yarn add [package] --peer yarn add [package] --optional 区别 develop-dependencies 开发依赖包 peer-dependencies 同等的依赖包 optional-dependencies 可选择的依赖包 develo
--save和--save-dev下载依赖包到dependencies、devDependencies
莉兹Liz的博客
02-26 1184
npm 依赖下载到package.json，dependencies中（所有环境中使用） npm install xx --save 依赖下载到package.json，devDependencies中（开发环境中使用） npm install xx --save-dev // 或 npm install xx -D yarn yarn下载依赖包到devDependencies中只能用简写 yarn add xx -D ...
dependencies devDependencies的区别
qq_39406460的博客
10-21 652
我们引入的npm包dependencies里面引入的依赖会安装到node_modules里面该包目录下的node_modules里面，devDependencies里面引入的依赖不会安装到node_modules里面该包目录下的node_modules里面。我自己的项目也引入了loadsh，antd,那么看看我项目的node_modules里面是有lodash文件的，然后也有antd,并且antd目录的node_modules里面也是存在loadsh。这是一个访问量很高的博客给出的答案。
【Yarn】管理依赖
qq_41700374的博客
11-04 688
当你想要添加，升级和删除依赖，这里有很多你要知道的命令。 添加一个依赖： 如果你想使用另外一个包，你首先需要将其作为一个依赖添加。 yarn add [package] 这个命令将在你的package.json添加包。它也会升级你的yarn.lock来反应这个变化。 你也可以通过使用标志来添加其他类型的依赖： yarn add --dev ：添加devDependencies； ...
[转]npm install --save 和 npm install -d的区别
06-25 358
原文链接：https://blog.youkuaiyun.com/wangguoyu1996/article/details/80443861 ====================================================== npm install -d 就是npm install --save-dev npm insatll -s 就是npm install --save ...
在pom的dependencyManagement标签下添加依赖dependencies不显示的原因
kl312654的博客
10-15 1200
dependencyManagement标签的作用
yarn 安装并保存_从源码角度分析yarn安装依赖的过程
weixin_42356844的博客
01-13 780
yarn是我们经常用到的包管理工具，之前写过一篇文章文章《前端工程师应该知道的yarn知识》，里面介绍了作为前端攻城狮应该知道的yarn知识，但是对yarn安装包的具体过程，并没有具体讲解。本文将从源码的角度解读yarn安装包的过程，为了方便大家理解，并不会搬源码出来，而是借助几张流程图，帮助大家了解这个过程。本文将从以下几点来展开介绍：工作中常见的问题yarn的一些核心概念yarn的具体安装过程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值