Windows 7 32位系统下npm安装Angular-CLI失败求助

1. 安装适配版本的Angular CLI #

Node.js 13.13.0对应的兼容Angular CLI版本是9.x系列（官方标注Angular 9支持Node 10.13.0至13.x），这也是少数支持Windows 7 32位的最后几个稳定大版本。执行以下命令安装：

npm install -g @angular/cli@9.1.15

注：9.1.15是Angular CLI 9的最终稳定版，兼容性最优，避免安装更早的9.x版本引发额外依赖问题。

2. 检查并配置npm全局路径到系统环境变量 #

ng命令未被识别大多是因为npm全局包的执行路径未加入Windows环境变量：

• 打开CMD，执行npm config get prefix获取全局包路径（默认是C:\Users\你的用户名\AppData\Roaming\npm）
• 右键「我的电脑」→「属性」→「高级系统设置」→「环境变量」，在「系统变量」的Path中添加上述路径
• 重启VSCode/VSCodium和命令提示符，执行ng --version验证

3. 全局安装失败时，使用本地安装替代 #

若全局安装仍有兼容性警告或路径问题，直接在项目目录下本地安装Angular CLI，无需全局：

1. 创建并进入项目文件夹：

mkdir my-angular-project && cd my-angular-project

2. 本地安装指定版本的Angular CLI：

npm install @angular/cli@9.1.15 --save-dev

3. 通过npx执行ng命令创建项目：

npx ng new . --skip-install

注：--skip-install会跳过自动安装项目依赖，之后手动执行npm install即可，同样需确保依赖版本适配Angular 9。

4. 锁定依赖版本消除兼容性警告 #

安装项目依赖时，若出现版本不兼容警告，可在package.json中手动锁定Angular核心包为9.x版本，示例配置：

{
  "dependencies": {
    "@angular/animations": "~9.1.13",
    "@angular/common": "~9.1.13",
    "@angular/compiler": "~9.1.13",
    "@angular/core": "~9.1.13",
    "@angular/forms": "~9.1.13",
    "@angular/platform-browser": "~9.1.13",
    "@angular/platform-browser-dynamic": "~9.1.13",
    "@angular/router": "~9.1.13",
    "rxjs": "~6.5.5",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular/cli": "~9.1.15",
    "@angular/compiler-cli": "~9.1.13",
    "@angular/language-service": "~9.1.13",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.4.1",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  }
}

之后执行npm install即可安装完全兼容的依赖包。

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