Angular使用chartjs-plugin-waterfall无类型声明且@types包不存在如何解决

方案一：手动添加模块声明（推荐） #

• 进入项目src目录，新建名为typings.d.ts的声明文件（若项目已有该文件直接编辑即可）
• 写入以下内容即可消除报错，同时保留基础类型提示：

declare module 'chartjs-plugin-waterfall' {
  import type { Plugin } from 'chart.js';
  const WaterfallPlugin: Plugin;
  export default WaterfallPlugin;
}

• 仅需消除报错不需要类型提示的场景可以写入最简声明：
  declare module 'chartjs-plugin-waterfall';
• 保存文件后重启Angular开发服务即可生效。

方案二：临时关闭隐式any校验（仅调试用，不推荐） #

• 打开项目根目录的tsconfig.json，在compilerOptions节点下添加配置：

{
  "compilerOptions": {
    "noImplicitAny": false,
    // 保留原有其他配置不变
  }
}

• 该方案会全局关闭隐式any校验，可能掩盖其他代码的类型错误，仅建议临时排查问题时使用。

方案三：检查类型目录配置 #

• 若确认插件包本身已内置类型定义，打开tsconfig.json检查compilerOptions下的typeRoots配置是否包含默认类型目录，示例正确配置：

{
  "compilerOptions": {
    "typeRoots": [
      "node_modules/@types",
      "src/typings"
    ],
    // 保留原有其他配置不变
  }
}

内容的提问来源于stack exchange，提问作者Karthick K Raj