Angular Material导航原理图创建失败及版本更新报错求助

1. 修复原理图生成报错 #

报错提示的路径选项过时、validateName函数不存在，核心原因是Angular CLI与Material版本不兼容，或本地依赖缓存损坏。按以下步骤处理：

• 清理npm缓存：

  npm cache clean --force
  

• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 重新安装依赖：

  npm install
  

2. 解决版本升级时的404问题 #

执行ng update @angular/material@14出现404，是因为Angular CLI与Material版本必须同步升级，单独升级Material会导致依赖匹配失败：

• 同步升级CLI和Material到14版本，执行：

  ng update @angular/cli@14 @angular/material@14 --force
  

  加--force可跳过部分非致命的版本兼容性检查（确认项目无严重依赖冲突时使用）
• 若上述命令仍报错，手动修改package.json中@angular/cli、@angular/material、@angular/cdk的版本号为14.x.x，执行npm install后，再运行迁移脚本：

  ng update @angular/cli@14 @angular/material@14 --migrate-only
  

3. 重新生成导航原理图 #

版本同步完成后，执行生成命令：

ng generate @angular/material:navigation

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