坚持认真做一件事 时间看得见

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 12507|回复: 14

使用 npm安装Ant Design of Vue时报错:error code ERR_SOCKET_TIMEOUT

[复制链接]

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
发表于 2022-5-23 13:59:58 | 显示全部楼层 |阅读模式
问题描述:
使用 npm安装Ant Design of Vue时报错:error code ERR_SOCKET_TIMEOUT
  1. npm install ant-design-vue --save
复制代码

解决方案:
# 清除npm中的代理
  1. npm config set proxy false
复制代码
# 清除npm缓存
  1. npm cache clean --force
复制代码
# 再次执行npm安装命令(成功!)
  1. C:\Users\bruce>npm install ant-design-vue --save

  2. added 47 packages, removed 1 package, and audited 48 packages in 1m

  3. 3 packages are looking for funding
  4.   run `npm fund` for details

  5. found 0 vulnerabilities

  6. C:\Users\bruce>npm fund
  7. bruce
  8. `-- https://opencollective.com/ant-design-vue
  9.   | `-- ant-design-vue@3.2.4
  10.   +-- https://opencollective.com/postcss/
  11.   |   `-- postcss@8.4.14
  12.   `-- https://opencollective.com/core-js
  13.       `-- core-js@3.22.6
复制代码



回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-23 14:14:30 | 显示全部楼层
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入​npm -v​来测试是否成功安装。命令如下,出现版本提示表示安装成功:
  1. npm -v
复制代码
回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-23 14:19:33 | 显示全部楼层
如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:
  1. npm install npm -g
复制代码

大家都知道国内直接使用npm的官方镜像是非常慢的,这里推荐使用淘宝NPM镜像。淘宝NPM镜像是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次,以保证尽量与官方服务同步。
你可以使用淘宝定制的cnpm(gzip压缩命令)命令行工具代替默认的npm:
  1. npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码

回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-23 14:22:32 | 显示全部楼层
回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-24 09:52:02 | 显示全部楼层
Node.js 安装工具 Install Additional Tools for Node.js时报错:
  1. 警告: An existing Chocolatey installation was detected. Installation will not continue.
  2. For security reasons, this script will not overwrite existing installations.

  3. Please use choco upgrade chocolatey to handle upgrades of Chocolatey itself.
复制代码

解决方法
1、删除 C:\ProgramData\chocolatey 这个空文件夹
提示已安装,执行命令 choco 命令不存在。原因:原来有 chocolatey 文件夹,但是无内容。
2、手动命令安装 choco

注意以管理员的方式运行。
Install with PowerShell.exe
With PowerShell, there is an additional step. You must ensure Get-ExecutionPolicy is not Restricted. We suggest using Bypass to bypass the policy to get things installed or AllSigned for quite a bit more security.

Run Get-ExecutionPolicy. If it returns Restricted, then run Set-ExecutionPolicy AllSigned or Set-ExecutionPolicy Bypass -Scope Process.
Now run the following command:
  1. Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
复制代码
安装成功!
  1. Chocolatey upgraded 18/18 packages.
  2. See the log for details (C:\ProgramData\chocolatey\logs\chocolatey.log).

  3. Upgraded:
  4. - chocolatey-dotnetfx.extension v1.0.1
  5. - visualstudio2019buildtools v16.11.15.0
  6. - kb3033929 v1.0.5
  7. - python3 v3.10.4
  8. - chocolatey-windowsupdate.extension v1.0.4
  9. - vcredist140 v14.32.31326
  10. - kb2999226 v1.0.20181019
  11. - visualstudio-installer v2.0.3
  12. - kb2919355 v1.0.20160915
  13. - chocolatey-core.extension v1.4.0
  14. - kb2919442 v1.0.20160915
  15. - chocolatey-visualstudio.extension v1.10.2
  16. - vcredist2015 v14.0.24215.20170201
  17. - chocolatey-compatibility.extension v1.0.0
  18. - dotnetfx v4.8.0.20190930
  19. - visualstudio2019-workload-vctools v1.0.1
  20. - kb3035131 v1.0.3
  21. - python v3.10.4
  22. Type ENTER to exit:
复制代码




Upgrading Chocolatey
Once installed, Chocolatey can be upgraded in exactly the same way as any other package that has been installed using Chocolatey. Simply use the command to upgrade to the latest stable release of Chocolatey:
  1. choco upgrade chocolatey
复制代码
回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-24 10:08:52 | 显示全部楼层
npm 将软件包安装到哪里
当使用 npm 安装软件包时,可以执行两种安装类型:
本地安装
全局安装
默认情况下,当输入 npm install 命令时,例如:
  1. npm install lodash
复制代码

软件包会被安装到当前文件树中的 node_modules 子文件夹下。
在这种情况下,npm 还会在当前文件夹中存在的 package.json 文件的 dependencies 属性中添加 lodash 条目。
使用 -g 标志可以执行全局安装:
  1. npm install -g lodash
复制代码

在这种情况下,npm 不会将软件包安装到本地文件夹下,而是使用全局的位置。
全局的位置到底在哪里?
  1. npm root -g
复制代码

命令会告知其在计算机上的确切位置。
我的是在:
  1. (base) PS C:\Users\bruce> npm root -g
  2. C:\Users\bruce\AppData\Roaming\npm\node_modules
复制代码
回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-24 10:16:29 | 显示全部楼层
WEicool 发表于 2022-5-23 14:19
如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:

大家都知道国内直接使用npm的 ...

这样就可以使用cnpm命令来安装模块了:
  1. cnpm install [name]
复制代码

更多信息可以查阅:http://npm.taobao.org
回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-24 10:34:47 | 显示全部楼层
WEicool 发表于 2022-5-24 09:52
Node.js 安装工具 Install Additional Tools for Node.js时报错:

解决方法
  1. PS C:\WINDOWS\system32> choco upgrade chocolatey
  2. Chocolatey v1.1.0
  3. Upgrading the following packages:
  4. chocolatey
  5. By upgrading, you accept licenses for the packages.
  6. chocolatey v1.1.0 is the latest version available based on your source(s).

  7. Chocolatey upgraded 0/1 packages.
  8. See the log for details (C:\ProgramData\chocolatey\logs\chocolatey.log).
复制代码
回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-24 13:42:14 | 显示全部楼层
若要将所有软件包更新到新的主版本,则全局地安装 npm-check-updates 软件包:
  1. cnpm install -g npm-check-updates
复制代码

然后运行:
  1. ncu -u
复制代码
  1. C:\Users\bruce>ncu -u
  2. Upgrading C:\Users\bruce\package.json
  3. [====================] 1/1 100%

  4. All dependencies match the latest package versions :)
复制代码


这会升级 package.json 文件的 dependencies 和 devDependencies 中的所有版本,以便 npm 可以安装新的主版本。
现在可以运行更新了:
  1. cnpm update
复制代码

如果只是下载了项目还没有 node_modules 依赖包,并且想先安装新的版本,则运行:
  1. cnpm install
复制代码

回复

使用道具 举报

41

主题

64

帖子

268

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
268
 楼主| 发表于 2022-5-24 13:59:42 | 显示全部楼层
可以通过在命令行上运行以下命令查看已经在系统上安装了哪些全局软件包:
  1. npm list -g --depth 0
复制代码

我已安装的:
  1. C:\Users\bruce>npm list -g --depth 0
  2. C:\Users\bruce\AppData\Roaming\npm
  3. +-- @vue/cli@
  4. +-- cnpm@8.1.0
  5. `-- npm-check-updates@13.0.3
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|坚持认真做一件事 时间看得见 ( 闽ICP备17010916号 )

GMT+8, 2026-5-3 02:28 , Processed in 0.065904 second(s), 21 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表