Angular 14中使用[(ngModel)]出现ɵunwrapWritableSignal不存在错误求助

问题描述 #

Property 'ɵunwrapWritableSignal' does not exist on type 'typeof import("/home/thrymr/Desktop/ILMCT 2/ilmct-frontend/node_modules/@angular/core/index")'

项目编译、运行均正常，但所有使用[(ngModel)]的位置都会触发上述TypeScript语法错误。已尝试重装VS Code、重新克隆项目，当前环境：Angular 14，Node.js 18。

可行解决步骤 #

• 调整Angular Language Service扩展设置
  打开VS Code设置，搜索angular language service，将Strict Mode设为false；确认Enable Ivy选项保持勾选（Angular14默认启用Ivy），重启VS Code后验证错误是否消失。
• 同步依赖版本
  执行以下命令锁定Angular核心及表单包版本，确保依赖一致：

  npm install @angular/core@14 --save-exact
  npm install @angular/forms@14 --save-exact
  

  删除node_modules和package-lock.json，重新执行npm install，最后通过快捷键Ctrl+Shift+P调出命令面板，执行TypeScript: Restart TS Server重启TypeScript服务。
• 规范[(ngModel)]使用
  确认使用[(ngModel)]的组件所属模块已导入FormsModule或ReactiveFormsModule；检查绑定的变量为组件类中声明的可写属性，避免使用Angular14不支持的信号类型（ɵunwrapWritableSignal是Angular16+的API，扩展误判了绑定类型）。
• 匹配TypeScript版本
  在VS Code右下角点击当前TypeScript版本，选择Use Workspace Version；若版本不兼容Angular14，执行npm install typescript@4.8 --save-dev安装推荐版本（Angular14适配TypeScript 4.6.x-4.8.x）。
• 控制扩展更新
  打开VS Code扩展面板，找到Angular Language Service，点击齿轮图标选择Disable Auto Update；也可尝试切换到该扩展的Insiders版本，查看是否已修复此问题。

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