前端 - 如何使用 yarn 安装 ant-design/icons-vue ？

Question

如何是用 yarn 安装 ant-design/icons-vue

https://3x.antdv.com/components/icon-cn 这里是用一个是用 npm 的方式 npm install --save @ant-design/icons-vue

但是如果我想是用 yarn 安装呢？

─➤  yarn add ant-design/icons-vue           yarn add v1.22.21[1/4] ��  Resolving packages...error Command failed.Exit code: 128Command: gitArguments: ls-remote --tags --heads ssh://[e-mail]/ant-design/icons-vue.gitDirectory: /Users/ponponon/Desktop/code/work/vobile-it/tracking-kingOutput:ERROR: Repository not found.fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

上面这样做会报错，是什么原因呢？依赖问题吗？还是是用 yarn 姿势不对？还是网络问题呢？

Answer 1

原来是要加 @

╰─➤  yarn add @ant-design/icons-vue                                                                                                                                                                                                                128 ↵yarn add v1.22.21[1/4] ��  Resolving packages...[2/4] ��  Fetching packages...[3/4] ��  Linking dependencies...warning " > less-loader@11.1.3" has unmet peer dependency "webpack@^5.0.0".[4/4] ��  Building fresh packages...success Saved lockfile.success Saved 1 new dependency.info Direct dependencies└─ @ant-design/icons-vue@7.0.1info All dependencies└─ @ant-design/icons-vue@7.0.1✨  Done in 4.94s.

Answer 2

要使用yarn安装ant-design/icons-vue，你需要确保你已经安装了yarn，并且你的网络连接是稳定的。

首先，你应该使用完整的包名@ant-design/icons-vue来安装，而不是ant-design/icons-vue。在npm中，你可以使用包名的一部分来安装，但在yarn中，你需要使用完整的包名。

所以，你应该在命令行中运行以下命令来安装ant-design/icons-vue：

yarn add @ant-design/icons-vue

如果你已经按照上述步骤操作，但仍然遇到问题，那么问题可能在于你的网络连接或者yarn的配置。

关于你遇到的错误，它表明yarn试图从Git仓库获取该包，但是无法找到该仓库。这可能是由于网络连接问题，或者是因为包名不正确导致的。如果你确定你的网络连接是稳定的，并且你使用的包名是正确的，那么你可能需要检查你的yarn配置，或者尝试在不同的网络环境下安装该包。

如果上述步骤都无法解决问题，你可以尝试删除node_modules文件夹和yarn.lock文件，然后重新运行yarn install命令。这将清除可能存在的任何旧的或损坏的依赖项，并重新计算所有依赖项。