使用ng new创建Angular项目时npm出现ECONNREFUSED错误求助

问题简述 #

使用ng new创建Angular应用时，文件生成流程正常，但npm安装依赖包阶段卡住后报错ECONNREFUSED，无法连接npm官方源。环境信息：

• Angular CLI: 15.1.5
• Node: 18.15.0

错误日志 #

C:\>cd C:\Applications\vscode-MyAppFrontEnd\MyAppFrontEnd

C:\Applications\vscode-MyAppFrontEnd\MyAppFrontEnd>ng new MyAppFrontEnd
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? SCSS   [ https://sass-lang.com/documentation/syntax#scss
 ]
CREATE MyAppFrontEnd/angular.json (2957 bytes)
CREATE MyAppFrontEnd/package.json (1056 bytes)
CREATE MyAppFrontEnd/README.md (1076 bytes)
CREATE MyAppFrontEnd/tsconfig.json (901 bytes)
CREATE MyAppFrontEnd/.editorconfig (274 bytes)
CREATE MyAppFrontEnd/.gitignore (548 bytes)
CREATE MyAppFrontEnd/tsconfig.app.json (263 bytes)
CREATE MyAppFrontEnd/tsconfig.spec.json (273 bytes)
CREATE MyAppFrontEnd/.vscode/extensions.json (130 bytes)
CREATE MyAppFrontEnd/.vscode/launch.json (474 bytes)
CREATE MyAppFrontEnd/.vscode/tasks.json (938 bytes)
CREATE MyAppFrontEnd/src/favicon.ico (948 bytes)
CREATE MyAppFrontEnd/src/index.html (308 bytes)
CREATE MyAppFrontEnd/src/main.ts (214 bytes)
CREATE MyAppFrontEnd/src/styles.scss (80 bytes)
CREATE MyAppFrontEnd/src/assets/.gitkeep (0 bytes)
CREATE MyAppFrontEnd/src/app/app-routing.module.ts (245 bytes)
CREATE MyAppFrontEnd/src/app/app.module.ts (393 bytes)
CREATE MyAppFrontEnd/src/app/app.component.html (23115 bytes)
CREATE MyAppFrontEnd/src/app/app.component.spec.ts (1121 bytes)
CREATE MyAppFrontEnd/src/app/app.component.ts (227 bytes)
CREATE MyAppFrontEnd/src/app/app.component.scss (0 bytes)
| Installing packages (npm)...npm ERR! code ECONNREFUSED
npm ERR! syscall connect
npm ERR! errno ECONNREFUSED
npm ERR! FetchError: request to https://registry.npmjs.org/karma-coverage failed, reason: connect ECONNREFUSED ::1:54321npm ERR!     at ClientRequest.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\index.js:130:14)
npm ERR!     at ClientRequest.emit (node:events:513:28)
npm ERR!     at onerror (C:\Program Files\nodejs\node_modules\npm\node_modules\agent-base\dist\src\index.js:117:21)
npm ERR!     at callbackError (C:\Program Files\nodejs\node_modules\npm\node_modules\agent-base\dist\src\index.js:136:17)
npm ERR!     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
npm ERR!  FetchError: request to https://registry.npmjs.org/karma-coverage failed, reason: connect ECONNREFUSED ::1:54321
npm ERR!     at ClientRequest.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\index.js:130:14)
npm ERR!     at ClientRequest.emit (node:events:513:28)
npm ERR!     at onerror (C:\Program Files\nodejs\node_modules\npm\node_modules\agent-base\dist\src\index.js:117:21)
npm ERR!     at callbackError (C:\Program Files\nodejs\node_modules\npm\node_modules\agent-base\dist\src\index.js:136:17)
npm ERR!     at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
npm ERR!   code: 'ECONNREFUSED',
npm ERR!   errno: 'ECONNREFUSED',
npm ERR!   syscall: 'connect',
npm ERR!   address: '::1',
npm ERR!   port: xxxxx,
npm ERR!   type: 'system',
npm ERR!   requiredBy: '.'
npm ERR! }
npm ERR!
npm ERR! If you are behind a proxy, please make sure that the
npm ERR! 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\xxxxx\AppData\Local\npm-cache\_logs\2023-04-06T00_41_17_918Z-debug-0.log
× Package install failed, see above.
The Schematic workflow failed. See above.

解决步骤 #

1. 清理npm代理配置 #

检查当前代理设置：

npm config get proxy
npm config get https-proxy

若存在代理配置，执行以下命令删除：

npm config delete proxy
npm config delete https-proxy

2. 切换npm源到国内镜像 #

npm config set registry https://registry.npmmirror.com/

进入项目目录重新安装依赖：

cd MyAppFrontEnd
npm install

3. 强制Node.js使用IPv4 #

在命令行执行：

set NODE_OPTIONS=--dns-result-order=ipv4first

之后重新运行ng new或npm install。

4. 关闭网络拦截软件 #

暂时关闭VPN、杀毒软件、防火墙等可能拦截网络请求的程序，再尝试安装。

内容的提问来源于stack exchange，提问作者jkfe