已导入LabelModule仍报错：'kendo-label'不是已知元素

可能的原因及修复步骤 #

1. 补全必要模块的导入 #

你当前只导入了LabelModule，但kendo-switch属于@progress/kendo-angular-inputs下的SwitchModule，必须同时导入并添加到模块的imports数组中，否则组件无法被Angular识别。修正后的app.module.ts代码如下：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { LabelModule } from '@progress/kendo-angular-label';
import { SwitchModule } from '@progress/kendo-angular-inputs';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, LabelModule, SwitchModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. 检查组件所属模块 #

如果使用kendo-label和kendo-switch的组件不是声明在AppModule中，而是在子模块（比如自定义功能模块、共享模块），需要在对应子模块中导入这两个模块，或者在子模块的exports数组中导出它们，确保使用组件的模块能访问到这些Kendo模块。

3. 修复模板语法错误 #

你的模板里[(ng-model)]是错误写法，Angular的双向绑定指令是驼峰式的[(ngModel)]，语法错误可能引发组件识别异常，修正后的模板代码：

<kendo-label text="Initial value:">
  <kendo-switch [(ngModel)]="checked"></kendo-switch>
</kendo-label>

4. 清理缓存与重装依赖 #

• 执行ng clean清理Angular缓存，再用ng serve重启项目
• 若依赖存在损坏，删除node_modules和package-lock.json文件，重新执行npm install确保@progress/kendo-angular-label和@progress/kendo-angular-inputs依赖安装完整

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