打字混乱？

Question

我正在尝试在我的 Angular 项目中实现第三方 .js 库 (gridstack.js)。但是我对如何使用/导入类型文件（.d.ts）感到困惑。

所以到目前为止，我的方法是通过 npm 安装 gridstack 以及它的类型。然后我尝试将它导入到我的 component.ts 中。 (import * as gridstack from 'gridstack')，但 index.d.ts 未被识别为模块。我想这是有道理的，因为 index.d.ts 文件中没有导出语句，但也许我错了？

所以我的问题是，如何在 DOM 和 component.ts 中访问 gridstack？也许有人可以澄清一下，如果每次输入的设置都相同，或者它是否取决于您尝试使用的库。我觉得我已经看到了五十种不同的方法来做到这一点，而且每次我都变得更加困惑。

Answer 1

不需要在组件文件中导入类型，你应该通过 npm 安装类型，然后在你的 tsconfig.json 文件中定义它们，然后这些类型将在你所有的组件文件中可用

tsconfig.json

"compilerOptions": {
    "types": [ "node", "gridstack" ]
}

确保您在 node_modules/@types 下有您的类型，或者您可以使用 'typeRoots' 定义您的类型路径（如果它在其他地方定义）

检查这个answer！