如何在没有d.ts文件的情况下导入第三方软件包？

Question

我正在学习打字稿。当我尝试导入一些包时，我遇到了一些错误。我在node_modules文件夹中检查，它下载了但是没有*.d.ts文件。我该如何导入它们？

Answer 1

您可以将所有自定义导入放在我自己的文件中。例如，创建shared / types / imports.d.ts文件。

declare module "vue-multiselect";
declare module "vue-notification";

在您的tsconfig.json文件中包含具有以下行的导入。

"typeRoots": [
  "node_modules/@types", "VueApp/shared/types"
],

当然，重新启动IDE是因为有时它不会立即检测到更改。

Answer 2

为他们制作模块。确保在本地包含types目录的路径：

declare module 'vue-cookie' {

}

所有module declarations都需要在他们自己的独立文件中。例如，vue-cookie文件应该被命名为vue-cookie.d.ts的效果。

此外，当您浏览模块时，您可以开始正确键入它。