VSCode中Angular v15.2.0语言服务崩溃，如何修复？

从错误日志来看，核心问题是权限不足导致ngcc无法访问node_modules/.ngcc_lock_file，进而引发Angular语言服务无法识别HTML文件的配置。以下是具体修复步骤：

步骤1：清理异常锁文件与依赖 #

• 直接删除报错的锁文件：

  rm /Users/myuser/learning/ng-project/node_modules/.ngcc_lock_file
  

• 如果锁文件无法删除，彻底重置依赖：

  rm -rf node_modules
  rm package-lock.json yarn.lock # 根据你的包管理器选择删除对应锁文件
  npm install # 或 yarn install
  

步骤2：修复node_modules目录权限 #

给项目的node_modules目录赋予当前用户所有权，避免权限冲突：

sudo chown -R $USER:$USER /Users/myuser/learning/ng-project/node_modules

也可以调整目录权限确保可读写：

chmod -R 755 /Users/myuser/learning/ng-project/node_modules

步骤3：手动执行ngcc编译 #

权限修复后，手动运行ngcc完成兼容性编译：

npx ngcc --properties es2020 browser module main --first-only --create-ivy-entry-points

步骤4：重启语言服务与VSCode #

• 通过VSCode命令面板（快捷键Ctrl+Shift+P/Command+Shift+P）执行Restart Angular Language Service
• 若仍有问题，关闭并重新打开VSCode

补充说明 #

日志中的No config file for ...app.component.html是ngcc运行失败的连锁反应，解决权限问题后，Angular语言服务能正常读取项目配置，该错误会自动消失。

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