如何在我的项目中使用 cp-react-tree-table？答案

【问题标题】：how to use cp-react-tree-table in my project?如何在我的项目中使用 cp-react-tree-table？
【发布时间】：2023-03-20 15:44:01
【问题描述】：

Typescript 新手，请尝试按照演示 https://www.npmjs.com/package/cp-react-tree-table 在我的项目中使用此控件，但获取以下信息。

尝试搜索，似乎与混淆的模块定义有关。

希望有人能给我亮光。

import * as jQuery from 'jquery';
import TreeDataTable from 'cp-react-tree-table';

'TreeDataTable' 已声明，但它的值永远不会被读取。ts(6133) 找不到模块“cp-react-tree-table”的声明文件。 'path/node_modules/cp-react-tree-table/dist/index.js' 隐含了一个 'any' 类型。

尝试npm install @types/cp-react-tree-table（如果存在）或添加包含declare module 'cp-react-tree-table';ts(7016) 的新声明 (.d.ts) 文件找不到模块“cp-react-tree-table”的声明文件。 path/node_modules/cp-react-tree-table/dist/index.js' 隐含一个 'any' 类型。

尝试npm install @types/cp-react-tree-table（如果存在）或添加包含declare module 'cp-react-tree-table';ts(7016) 的新声明 (.d.ts) 文件

找不到模块“cp-react-tree-table”的声明文件

【问题讨论】：

标签： reactjs typescript

【解决方案1】：

新建一个类似cp-react-tree-table.d.ts的文件，然后添加如下内容可以快速解决错误，但是不安全。

    declare module "cp-react-tree-table" {
      let TreeDataTable: any;
      export default TreeDataTable;
    }

另外，请确保打字稿符合我们的声明文件。

【讨论】：

谢谢，这将解决编译错误，而为这个模块自定义类型定义很困难。渲染时引发 TreeDataTable.Column undefined，谢谢。

【解决方案2】：

您的模块没有类型定义。您应该安装：@types/cp-react-tree-table 但显然它不存在。

所以你必须手动创建一个文件：“cp-react-tree-table.d.ts”包含类型。

您有类型定义的示例here。

【讨论】：