NuxtJS: 믹스인에서 구성요소를 가져오는 중 문제 발생

Question

내 스택은 Nuxtjs 및 Nuxt-property-designer

입니다.

메소드 중복을 피하기 위해 믹스인을 만들었습니다

이 방법에는 구성 요소(경고 구성 요소)가 필요합니다

그래서 믹스인에 있는 컴포넌트를 가져왔습니다

하지만컴포넌트를 가져올 때 오류가 발생했습니다

참고: 가져오기 주소가 진짜라고 확신합니다

mixin/logOut.ts 'vue'에서 Vue 가져오기

으아악

오류 텍스트:

import { Component } from 'nuxt-property-decorator'
import AppAlert from '~/components/Common/AppAlert'
@Component
export class LogOut extends Vue {
  async LogOut() {
    const confirm = await this.$dialog.show({
      component: AppAlert,
      props: {
        title: { text: 'Exit ?', icon: 'exclamation-thick' },
        body: 'Exit Connector ?',
        btn: { text: 'Confirm', icon: 'power', color: 'error' }
      }
    })
    
    if (confirm) {
      this.$auth.logout()
    }
  }
}

Answer 1

답은 이 링크에서 찾았습니다.

추가했습니다

vue-shims.d.ts

으아아아