Ionic项目导入GaugesModule后提示'radial-gauge'不是已知元素如何解决

问题原因 #

1. 第二个报错Unexpected value 'GaugesModule' declared by the module 'ComponentsModule'的直接原因是模块配置规则错误：declarations数组仅可声明当前模块自行开发的组件、指令、管道，第三方依赖模块必须放入imports数组中。
2. 最初的'radial-gauge' is not a known element报错是因为Ionic默认采用路由懒加载机制，HomePage由独立的HomePageModule管理，即便在根模块AppModule中导入了GaugesModule，懒加载子模块也无法继承根模块的导入内容，因此页面无法识别仪表盘组件。

解决方案 #

首先修正components.modules.ts的配置：

import { NgModule } from "@angular/core";
import { GaugesModule } from 'ng-canvas-gauges';

@NgModule ({
    // 第三方模块放入imports数组
    imports: [GaugesModule],
    // 导出GaugesModule，所有引用ComponentsModule的模块都可使用仪表盘组件
    exports: [GaugesModule]
})
export class ComponentsModule {}

你当前的home.modules.ts已经正确导入了ComponentsModule，修改完成后重新启动项目即可正常使用radial-gauge组件。
如果不需要复用ComponentsModule，也可以直接在home.modules.ts的imports数组中直接添加GaugesModule，不需要额外封装一层ComponentsModule。
如果修改后仍有识别报错，可以在home.modules.ts的@NgModule配置中添加schemas: [CUSTOM_ELEMENTS_SCHEMA]即可解决。

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