类型混淆？

Question

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

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

所以我的问题是，你如何访问DOM中的gridstack以及component.ts？也许有人可以澄清，如果设置是每次打字相同或如果它取决于你想要利用什么库。我觉得我已经看到了50种不同的方法来做到这一点，每次我都会感到困惑。

Answer 1

不需要输入分型的组件文件，您应通过NPM安装的分型，然后在tsconfig.json文件中定义它们，那么这些分型将在您的所有组件文件可用

tsconfig.json

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

确保你有你的分型根据node_modules/@类型或使用'typeRoots'如果定义其他

的地方，你可以定义你的分型路径

检查这个answer！