React项目使用chartjs-plugin-stacked100缺少TS声明文件如何解决？

问题解答 #

关于声明文件存放路径

不需要必须放在和package.json同级的项目根目录。更通用的实践是在src目录下新建@types文件夹，专门存放第三方无类型包的自定义声明文件，TypeScript 默认会扫描该目录下的声明文件，无需额外配置。如果你选择放在项目根目录，只需要确保tsconfig.json的include配置项包含了该声明文件的路径即可。

关于声明文件命名

不能直接命名为.d.ts，需要加上前缀，建议命名为chartjs-plugin-stacked100.d.ts，方便后续识别对应库。

完整操作步骤 #

1. 若src目录下没有@types文件夹，先新建该文件夹
2. 在src/@types下新建chartjs-plugin-stacked100.d.ts文件，写入如下内容：

declare module 'chartjs-plugin-stacked100';

3. 如果你的TypeScript配置未默认包含自定义类型目录，需要在tsconfig.json的compilerOptions中增加配置：

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

4. 重启本地开发服务，报错即可消除。

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