带有 vuedraggable 的 Vue typescript 类组件

Posted 2023-02-22

【中文标题】带有 vuedraggable 的 Vue typescript 类组件

【英文标题】：Vue typescript class component with vuedraggable

【发布时间】：2020-05-29 10:06:41

【问题描述】：

使用TS class component 导入 sortableJs/vuedraggable 时出现错误。

当使用 vuedraggable 和标准 JS standard component 时，它工作正常。

这是我的带有 标准 JS 组件的 vuedraggable：

<script>
import draggable from "vuedraggable";
export default 
  components: 
    draggable
  ,
...

一切正常，没有错误。

这是我的带有 TS 类组件的 vuedraggable：

<script lang="ts">
import  Component, Vue  from "vue-property-decorator";
import draggable from "vuedraggable";

@Component(
  components: 
    draggable
  
)
export default class Board extends Vue 
...

这里发生了错误

找不到模块“vuedraggable”的声明文件。

隐式具有“任何”类型。试试npm install @types/vuedraggable 如果它存在或添加一个新的声明 (.d.ts) 文件包含 `declare 模块'vuedraggable

所以我做到了：

npm install @types/vuedraggable

npm 错误！ 404 '@types/vuedraggable@latest' 不在 npm 注册表中。

如何在 Typescript CLass 组件中使用 vuedraggable？

【问题讨论】：

所以...类型还不存在。 github.com/SortableJS/Vue.Draggable/issues/379

【参考方案1】：

您可以创建一个本地类型文件并添加 vuedraggable 的声明，如 github issue 中所述，作为一种解决方法，直到 PR which adds the typings to the library 被合并。