NuxtJS：在 mixin 中匯入元件時出現問題

Question

我的堆疊是Nuxtjs和Nuxt-property-decorator

我做了一個 mixin 以避免重複方法

此方法需要一個元件（警報元件）

所以，我在 mixin 中導入了該元件

但是我匯入元件時出錯

注意：我確信導入位址是真實的

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()
    }
  }
}

錯誤文字是：

Cannot find module '~/components/Common/AppAlert' or its corresponding type declarations.ts(2307)

###

Answer 1

我從此連結找到了答案。

我加入了

vue-shims.d.ts

declare module "*.vue" {
  import Vue from 'vue'
  export default Vue
}