Vue typescript class component with vuedraggable

Question

I am having error when importing sortableJs/vuedraggable with TS class component .

When using vuedraggable with standard JS standard component it's working fine.

here's my vuedraggable with standard JS component :

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

everything is working no error.

here's my vuedraggable with TS class component :

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

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

here error occurred

Could not find a declaration file for module 'vuedraggable'.

implicitly has an 'any' type. Try npm install @types/vuedraggable if it exists or add a new declaration (.d.ts) file containing `declare module 'vuedraggable

so I did :

npm install @types/vuedraggable

npm ERR! 404 '@types/vuedraggable@latest' is not in the npm registry.

How can I use vuedraggable in a Typescript CLass Component?

Answer 1

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