recherche

Maison  >  Questions et réponses  >  le corps du texte

NuxtJS : Problème d'importation de composants dans le mixin

Ma pile est Nuxtjs et Nuxt-property-decorator

J'ai fait un mixin pour éviter de dupliquer les méthodes

Cette méthode nécessite un composant (composant d'alerte)

J'ai donc importé le composant dans le mixin

MaisJ'ai eu une erreur lors de l'importation du composant

Remarque : je suis sûr que l'adresse d'importation est réelle

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

Le texte d'erreur est :

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

P粉267791326P粉267791326267 Il y a quelques jours457

répondre à tous(1)je répondrai

  • P粉321676640

    P粉3216766402024-04-01 17:53:44

    J'ai trouvé la réponse sur ce lien.

    J'ai ajouté

    vue-shims.d.ts

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

    répondre
    0
  • Annulerrépondre