首页 > 其他分享 >Pinia报错需要重新创建

Pinia报错需要重新创建

时间:2024-02-29 15:34:38浏览次数:21  
标签:Pinia 创建 useInfo js 报错 pinia import store

问题

vue3项目,在main.js中已经引入pinia,并且成功创建

在单独的js文件中想使用pinia,引入store import { useInfo} from '@store/info'

但是报错提示getActivePinia was called with no active Pinia. Did you forget to install pinia?

 

解决

1.需要额外创建一个store.js文件,用来给useInfo使用

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

2.在使用pinia的文件中引入这个store.js文件,并交给需要使用的store

import pinia from '@store/store'
import { useInfo } from '@store/useInfo'

const store = useInfo(pinia)

 

标签:Pinia,创建,useInfo,js,报错,pinia,import,store
From: https://www.cnblogs.com/karle/p/18044367

相关文章

  • 【方法创建与使用】
    类的定义与对象创建前面我们介绍了什么是类,什么是对象,首先我们就来看看如何去定义一个类。比如现在我们想要定义一个人类,我们可以右键src目录,点击创建新的类:我们在对类进行命名时,一般使用英文单词,并且首字母大写,跟变量命名一样,不能出现任何的特殊字符。可以看到,现在我们的目......
  • 报错真正的原因export ‘default’(imported as‘Vue’) was not found in‘vue
    运行npmrundev后报错:export'Vue'(importedas'Vue')wasnotfoundin'vue' 并且加载不出页面,查了很久,终于找到原因:报错信息:WARNINGin./src/index.js24:13-16export'Vue'(importedas'Vue')wasnotfoundin'vue'(p......
  • C++ 多线程笔记1 线程的创建
    C++多线程笔记1线程的创建里面代码会用到的头文件#include<iostream>#include<string>#include<memory>#include<thread>#include<vector>#include<stdlib.h>#include<cmath>#include<chrono>#include<ctime>入门例子vo......
  • 前端学习-vue视频学习001-了解、创建项目
    尚硅谷vue3+Typescript教程安装node.js安装教程创建项目npmcreatevue@latest运行项目npmrundev出现报错“'vite'不是内部或外部命令,也不是可运行的程序或批处理文件。”处理方式安装依赖npmi.vue文件结构<template><!--html--></template><script>......
  • 面向对象—【类与对象】【类的定义与对象创建】【对象的使用】【方法创建与使用】【方
    面向对象基础篇我们在前面已经学习了面向过程编程,也可以自行编写出简单的程序了。我们接着就需要认识面向对象程序设计(ObjectOrientedProgramming)它是我们在Java语言中要学习的重要内容,面向对象也是高级语言的一大重要特性。面向对象是新手成长的一道分水岭,有的人秒懂,有的人......
  • 面向对象—【类与对象】【类的定义与对象创建】【对象的使用】【方法创建与使用】【方
    @目录面向对象基础篇类与对象类的定义与对象创建对象的使用方法创建与使用方法进阶使用构造方法源码:Giteehttps://gitee.com/drip123456/java-seGIthubhttps://github.com/Drip123456/JavaSE专栏:JavaSE笔记专栏面向对象基础篇我们在前面已经学习了面向过程编程,也可以自......
  • Java_常见报错&解决
    平时Java开发中常见的报错:SQLExceptionSQL异常,常见于操作数据库时的SQL语句错误。404错误:这是常见的页面不存在错误,建议仔细核查显示的网页是否存在(在运行的浏览器地址框中仔细查看当前路径,核实该路径是否正确,是否有路径错误,当前网页名字名字错误,使用了相对路径导致跳转出......
  • 使用IDEA创建父子级项目
    我们这里采用IDEA创建springboot子父级项目演示,同时通过使用SpringInitializer快速搭建springboot工程。一、创建父工程1、使用SpringInitializer快速搭建新建项目删除没用的src文件夹2、修改工程配置信息将build删除,packing改为pom<?xmlversion="1.0"encoding=......
  • ALLEGRO怎么创建GROUPS以及运用GROUPS
     框选要创建模块的元器件,鼠标右键点击下面红色框里的选项    我们把它运用到其它相同的模块里去   ......
  • Hudi-FlinkSQL导入数据报错:[ERROR] Could not execute SQL statement. Reason: java.l
    问题描述通过FlinkSQL创建Hudi表后,向表中插入数据报错:[ERROR]CouldnotexecuteSQLstatement.Reason:java.lang.ClassNotFoundException:org.apache.hadoop.fs.FSDataInputStream 解决办法向Hudi表中写入数据时,会调用Hadoop的Jar包,但是Flink的lib目录中没有该Jar包。......