vue typescript 클래스 구성 요소와 vueraggable

vue typescript 클래스 구성 요소와 vueraggable

sortableJs/vuedraggable Import 시 오류가 발생하였습니다.TS class component.

사용시vuedraggable표준으로JS standard component잘 되고 있어요.

다음은 표준 JS 컴포넌트를 탑재한 vueraggable입니다.

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

모든 것이 정상적으로 동작하고 있습니다.

TS 클래스 컴포넌트를 탑재한 vueraggable은 다음과 같습니다.

<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존재하는 경우 또는 "vuedraggable"을 포함하는 새로운 선언 파일(.d.ts)을 추가합니다.

그래서 나는 했다:

npm install @types/vuedraggable

npm ERR! 404 '@types/vuedraggable@latest'가 npm 레지스트리에 없습니다.

Typescript CLass 컴포넌트에서 vueraggable을 사용하려면 어떻게 해야 합니까?

로컬 타이핑파일을 생성하여 선언을 추가할 수 있습니다.vuedraggable이 github 문제에 설명된 바와 같이 라이브러리에 타이핑을 추가하는 PR이 병합될 때까지의 회피책으로 사용됩니다.

언급URL : https://stackoverflow.com/questions/60212234/vue-typescript-class-component-with-vuedraggable