vue3项目解决pinia报错:getActivePinia was called with no active Pinia. Did you forget to install pinia?

报错:
在这里插入图片描述
原因:是pinia在main.ts中还未注册好,便在其他文件中使用了它。

解决前注册pinia及使用如下
注册:
vue3项目解决pinia报错:getActivePinia was called with no active Pinia. Did you forget to install pinia?_第1张图片
引用:
vue3项目解决pinia报错:getActivePinia was called with no active Pinia. Did you forget to install pinia?_第2张图片在这里插入图片描述

解决方案

在stores文件夹底下新建一个store.ts文件

import { createPinia } from 'pinia';
const pinia = createPinia();
export default pinia;

接着在main.ts 引入该文件,用来注册pinia:

vue3项目解决pinia报错:getActivePinia was called with no active Pinia. Did you forget to install pinia?_第3张图片router等其他外部js中使用时,需要重新导入创建pinia实例才行:

vue3项目解决pinia报错:getActivePinia was called with no active Pinia. Did you forget to install pinia?_第4张图片

你可能感兴趣的:(前端框架vue,vue.js,前端,pinia,ts)