安装最新Angular CLI新建项目却使用本地旧版本如何解决

问题原因 #

执行创建命令时提示全局CLI版本高于本地版本，本质是当前命令执行路径下存在13.x版本的本地Angular CLI依赖，ng命令默认优先读取当前目录树内的本地CLI版本，因此生成的是Angular 13项目。

一步生成原生Angular 14项目操作步骤 #

• 第一步：清理旧版本残留
  先执行命令卸载全局旧版CLI、清空npm缓存，避免版本冲突：

  npm uninstall -g @angular/cli @angular/core
  npm cache clean --force
  

  如果使用yarn作为包管理器，额外执行yarn global remove @angular/cli清除yarn全局路径下的旧版本。
• 第二步：安装固定版本的Angular 14 CLI
  不使用@latest标签避免版本漂移，直接安装对应14版本的全局CLI：

  npm install -g @angular/cli@14.0.3
  

  安装完成后执行ng version校验，确认输出的全局CLI版本为14.0.3即可。
• 第三步：在无Angular依赖的空路径下创建项目
  不要在已存在老Angular项目（目录下含带@angular依赖的package.json、node_modules文件夹）的路径下执行创建命令，切换到全新空目录或者系统用户根目录后执行创建命令：

  ng new demo-mg14 --routing --skip-git
  

  如果仍出现本地版本调用提示，可直接通过npx指定版本执行，跳过本地依赖查找逻辑，确保用14版本CLI生成项目：

  npx @angular/cli@14.0.3 new demo-mg14 --routing --skip-git
  

创建完成后进入项目目录执行ng version，可验证所有Angular核心依赖均为14.x版本，无需额外执行版本升级转换操作。

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