Angular报错：类型'AppComponent'上不存在属性'picker' 求助

Angular 模板类型校验检测到你在模板绑定中引用了名为picker的变量，但AppComponent中不存在这个对应日期选择器实例的引用，且你当前贴出的模板代码缺失了日期范围选择器必需的核心标签，导致绑定找不到目标对象抛出编译错误。

• 在模板中补充日期范围选择器的核心标签，同时给标签添加#picker模板引用变量，这个变量就是前面两处绑定要寻址的picker实例。
• 确认对应模块已导入日期选择器相关依赖，避免后续出现组件未注册的报错。

修复后的完整模板代码如下：

<mat-date-range-input [rangePicker]="picker">
  <input matStartDate placeholder="From Date">
  <input matEndDate placeholder="To Date">
</mat-date-range-input>

<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>

<!-- 之前缺失的日期范围选择器本体，#picker为模板引用变量 -->
<mat-date-range-picker #picker></mat-date-range-picker>

注意：如果使用的是单日期选择场景而非日期范围选择，把上面的<mat-date-range-picker>替换为<mat-datepicker>即可，不要混用两种选择器标签。

• 依赖检查项：如果补全标签后仍有组件识别类报错，请确认当前组件所属模块/独立组件的imports中已引入MatDatepickerModule、MatInputModule、对应日期适配器模块（比如MatNativeDateModule）。

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