找不到模块“@shopify/dragable”或其对应的类型声明答案

【问题标题】：Cannot find module '@shopify/dragable' or its corresponding type declarations找不到模块“@shopify/dragable”或其对应的类型声明
【发布时间】：2022-06-25 09:06:07
【问题描述】：

我正在尝试从 @shopify/draggable 包中导入 Draggable 模块，但在构建时出现错误：

找不到模块“@shopify/draggable”的声明文件

这很奇怪，因为我遵循了 import 的文档。

我还发现了另一个 stackblitz，它使用来自 @shopify/draggable 的 Droppable 导入，其中编辑器显示错误但他们的代码运行！

我不知道我的导入有什么问题，而且我对 Angular 比较陌生，所以这可能很简单。任何帮助表示赞赏。

【问题讨论】：

你那里碰巧有错字吗？它应该是 @shopify/draggable 但错误显示 dragable 只有一个 g...
@OctavianMărculescu 。啊，在我的演示中修复了它，但在我的本地项目中它仍然无法正常工作。我已经用实际错误更新了帖子。

标签： angular

【解决方案1】：

您收到此错误的原因是您导入了 Javascript 库并尝试将其用作 TypeScript 库。

你可以尝试生成.d.ts文件，但这不是一个简单的任务。

由于您是 Angular 新手，我建议您查看 Angular Material。它很容易使用，因为它是为与 Angular 一起使用而构建的。 Angular Material CDK 将拥有你需要的大部分功能，如果你想在它们提供的基础上构建更多东西。这个Angular Material Drag-Drop CDK 可能就是你要找的。p>

【讨论】：

【解决方案2】：

如果您使用 npm i @shopify/draggable 将其安装为 dep，您可能会拥有版本 1.0.0.beta-8，它没有类型注释。尝试使用npm i @shopify/draggable@next 安装它，这将安装支持打字稿的最新版本（1.0.0.beta-12）。

【讨论】：