javascript - 带有 vuedraggable 的 Vue typescript 类组件

Question

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

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 它是否存在或添加一个包含 `declare module 'vuedraggable 的新声明 (.d.ts) 文件

所以我做了 ：

npm install @types/vuedraggable

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

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

Answer 1

您可以创建一个本地类型文件并添加vuedraggable 此github 问题中所述的声明作为解决方法，直到将类型添加到库的 PR被合并。