NuxtJS: Masalah mengimport komponen dalam mixin
P粉267791326
P粉267791326 2024-03-31 20:49:22
0
1
394

Timbunan saya ialah Nuxtjs dan Nuxt-property-decorator

Saya membuat mixin untuk mengelakkan kaedah pendua

Kaedah ini memerlukan komponen (komponen amaran)

Jadi, saya mengimport komponen dalam mixin

TetapiSaya mendapat ralat semasa mengimport komponen

Nota: Saya pasti alamat import adalah sebenar

mixin/logOut.ts daripada 'vue' import 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()
    }
  }
}

Teks ralat ialah:

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

P粉267791326
P粉267791326

membalas semua(1)
P粉321676640

Saya jumpa jawapan dari pautan ini.

Saya tambah

vue-shims.d.ts

declare module "*.vue" {
  import Vue from 'vue'
  export default Vue
}
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!