Maison  >  Article  >  interface Web  >  Comment résoudre Pinia userouter non défini

Comment résoudre Pinia userouter non défini

DDD
DDDoriginal
2024-08-14 16:00:201038parcourir

Cet article décrit comment corriger l'erreur « pinia/userouter n'est pas défini » dans Vue.js. L'erreur est causée par une modification radicale dans la version 2.0.0-beta.12 de Pinia qui a déplacé le routeur utilisateur vers un plugin. Pour corriger l'erreur, les utilisateurs doivent mettre à niveau Pinia et Vue Router vers leurs dernières versions. Cette erreur est causée par une modification radicale de Pinia introduite dans la version 2.0.0-beta.12. Dans cette version, le routeur utilisateur de Pinia a été déplacé vers un plugin, qui n'est plus inclus par défaut. Vous devrez installer explicitement le plugin Pinia Router pour l'utiliser.

Comment corriger l'erreur « pinia/userouter n'est pas défini » dans Vue.js ?Comment résoudre Pinia userouter non défini

Pour corriger l'erreur « pinia/userouter n'est pas défini » dans Vue. .js, vous pouvez suivre ces étapes :

Installez le plugin Pinia Router en exécutant la commande suivante :

<code>npm install --save @pinia/router</code>

Importez le plugin Pinia Router dans votre application Vue.js :

<code>import { createRouter, createWebHistory } from 'vue-router'
import { createPinia } from 'pinia'
import { PiniaVuePlugin } from 'pinia-vue'
import { PiniaRouterPlugin } from '@pinia/router'

const router = createRouter({
  history: createWebHistory(),
  routes: [],
})

const pinia = createPinia()

app.use(PiniaVuePlugin)
app.use(PiniaRouterPlugin)
app.use(router)
app.mount('#app')</code>

Utilisez le plugin Pinia Router pour créer un magasin de routeurs :
  1. <code>import { defineStore } from 'pinia'
    
    const useRouterStore = defineStore('router', () => {
      const router = useRoute()
    
      return {
        // ...
      }
    })</code>
Qu'est-ce qui cause l'erreur « pinia/userouter n'est pas défini » dans une application Vue.js ?
  1. L'erreur « pinia/userouter n'est pas défini » dans une application Vue.js est causée par un changement radical dans Pinia qui a été introduit dans la version 2.0.0-beta.12. Dans cette version, le routeur utilisateur de Pinia a été déplacé vers un plugin, qui n'est plus inclus par défaut. Cela signifie que vous devez installer explicitement le plugin Pinia Router pour l'utiliser.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Comment utiliser le piniaArticle suivant:Comment utiliser le pinia