angular-cli 1.7.3项目使用ng2-charts无法识别ChartsModule导入问题

出现模块无法识别的核心原因是你安装的ng2-charts版本过高，v2及以上版本的ng2-charts最低要求Angular 6+，完全不兼容Angular 5.x版本，按照以下步骤操作即可正常使用：

步骤1：安装版本匹配的依赖包 #

先卸载当前已安装的不兼容版本，再执行适配版本的安装命令：

# 卸载已安装的高版本依赖
npm uninstall ng2-charts chart.js --save
# 安装适配Angular 5的对应版本
npm install ng2-charts@1.6.0 chart.js@2.7.3 --save
# 若需要TypeScript类型提示，补充安装对应版本的类型包
npm install @types/chart.js@2.7.48 --save-dev

步骤2：修改angular-cli配置 #

打开项目根目录下的.angular-cli.json文件，在apps数组对应项目的scripts字段中新增chart.js的全局引入路径：

{
  "apps": [
    {
      // 其余原有配置保持不变
      "scripts": [
        "../node_modules/chart.js/dist/Chart.min.js"
      ]
    }
  ]
}

步骤3：导入ChartsModule #

在根模块AppModule或者你需要使用图表的业务功能模块中导入依赖：

import { NgModule } from '@angular/core';
import { ChartsModule } from 'ng2-charts';

@NgModule({
  imports: [
    // 其余原有导入的模块保持不变
    ChartsModule
  ]
})
export class AppModule { }

配置完成后重启本地开发服务即可正常使用ng2-charts的图表组件，不会再出现模块无法识别的报错。

内容的提问来源于stack exchange，提问作者Luis Yael Méndez S.