Angular使用Kendo Button报'default'不可分配给ButtonLook类型错误如何解决

错误原因 #

• 属性赋值语法错误：你在look属性的双引号内额外嵌套了单引号，导致实际传入组件的字符串值是带单引号的'default'，与预期类型不匹配。
• 枚举值不兼容：你安装的@progress/kendo-angular-buttons@6.3.0版本，look属性已移除default取值，合法可选值仅为clear、flat、outline三类，和报错提示的ButtonLook | "clear"类型范围一致。

解决步骤 #

1. 修改btn-control-panel.component.html中的按钮代码，调整赋值语法同时替换为合法的look取值，参考代码如下：

<div class="k-block">
    <!-- 静态属性赋值，直接写取值无需额外嵌套单引号 -->
    <button kendoButton look="clear"></button>
    <!-- 若使用[]属性绑定语法，才需要用单引号包裹字符串字面量 -->
    <button kendoButton [look]="'flat'"></button>
</div>

2. 重新执行ng serve --o启动项目即可，编译报错会自动消失。

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