Maison > interface Web > Voir.js > Comment résoudre Pinia userouter non défini

Comment résoudre Pinia userouter non défini

DDD
Libérer: 2024-08-14 16:00:20
original
1112 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
    Copier après la connexion
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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal