Maison >interface Web >Voir.js >Comment résoudre Pinia userouter non défini
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 ?
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 :
<code>import { defineStore } from 'pinia' const useRouterStore = defineStore('router', () => { const router = useRoute() return { // ... } })</code>
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!