打字混乱？

Question

我正在尝试将第三方.js lib（gridstack.js）实现到我的Angular项目中。但我对如何使用/导入打字文件（.d.ts）感到困惑。

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

所以我的问题是，如何访问DOM中的gridstack以及component.ts？也许有人可以澄清，如果每次打字的设置是相同的，或者它取决于你试图利用什么库。我觉得我已经看到了五十种不同的做法，而且每次我都会变得更加困惑。

Answer 1

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

  

tsconfig.json

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

确保您的输入在node_modules / @ types下，或者您可以使用'typeRoots'定义您的打字路径，如果它在其他地方定义

检查此answer！