Angular 17使用Signal Based Components遇编译错误求助

核心原因：版本限制与实验特性状态 #

• Signal Based Components目前仍属于实验性特性，Angular 17.2.x版本并未正式支持该配置，官方文档未收录也因为它还处于开发迭代阶段，未达到稳定状态。
• 你使用的@angular/core 17.2.4中，@Component装饰器不存在signals这个配置项，这就是编译报错的直接原因。

正确尝试该特性的方式 #

如果想要体验Signal Based Components，需要满足以下两个条件：

1. 升级版本：将@angular/core和@angular/cli均升级至17.3.0及以上——该版本才开始引入该特性的实验支持。
2. 开启实验开关：
   • 打开项目根目录的angular.json，找到对应项目的build配置，在options中添加两个实验参数：

     "build": {
       "builder": "@angular-devkit/build-angular:application",
       "options": {
         "experimentalEsbuild": true,
         "signalsComponent": true,
         // 保留原有其他配置
       }
     }
     

   • 修改tsconfig.json，在angularCompilerOptions中启用对应类型支持：

     "angularCompilerOptions": {
       "enableIvy": true,
       "experimentalSignalComponents": true
     }
     

额外提示 #

• 实验特性的API随时可能变更甚至被移除，绝对不建议在生产环境中使用。
• 若暂时不想升级版本，可使用Angular 17已正式支持的Signal API（如signal()、computed()等）构建响应式组件，足以覆盖大部分场景需求。

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