vue3项目引入pinia报错

最新推荐文章于 2024-05-07 16:10:54 发布
最新推荐文章于 2024-05-07 16:10:54 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue.js 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_72459962/article/details/128851506
版权

1.控制台错误提示：getActivePinia was called with no active Pinia. Did you forget to install pinia?

 

2.报错原因

pinia集成顺序错误 挂载已经结束,但pinia集成失败 运行报错

 

3.解决方案：调整顺序将 pinia的集成放在#app的挂载之前

app.use(createPinia()).use(router).mount('#app')

Jl.610
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3npm install pinia报错
m0_73801776的博客
12-01 727
尝试使用不同的npm镜像：有时，由于网络问题或其他原因，从官方源安装可能会很慢或失败。您可以尝试使用国内的npm镜像进行安装，例如使用npm install pinia -g --registry=https://registry.npm.taobao.org命令进行安装。
pinia、pinia-plugin-persistedstate包安装失败解决办法
github_53963510的博客
02-26 2364
用cli 生成的 vue3 项目，如果自己安装 pinia 的话会安装最新版本，即2.1.x，pinia默认安装的是vue 2.6版本，已经不支持 vue3.3 以下使用，在进行安装时报错
vue3在router中使用pinia报错解决
IU
05-07 443
vue3在router文件中使用pinia报错的问题解决
npm install 失败解决方法
热门推荐
梦想的专栏
07-05 3万+
有时使用npm install命令有些依赖包无法成功安装，出现如下提示：Failed to execute '/root/nodejs/bin/node /root/nodejs/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/root/portal...
解决pinia报‘Did you forget to install pinia?‘的错误
k1_maple的博客
07-09 4218
"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia?
uniapp安装使用pinia出现报错at useStore
m0_60459392的博客
12-17 3237
这种情况不要慌，引入pinia请使用vue3.2语法糖写法。uniapp安装使用pinia ，会出现以下报错。
vue3 pinia的安装和使用
u014678583的博客
03-29 4248
Pinia最初是在 2019 年 11 月左右重新设计使用Composition API的 Vue Store 外观的实验。从那时起，最初的原则仍然相同，但 Pinia 适用于 Vue 2 和 Vue 3 ，并且不需要你使用组合 API。Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态 Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案，Pinia 2 是对应 Vue3 的版本 // 安装 npm i pinia 还需再安装个数据持久化插
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
vite+vue3动态模块化导入并使用pinia
03-25
在"vite+vue3动态模块化导入并使用pinia"的项目中，我们可以通过以下步骤实现动态模块化导入和使用Pinia： 1. **配置Vite**：在`vite.config.js`中，我们需要配置Vue3和Pinia的插件，如`@vitejs/plugin-vue`和`vite...
vue3+pinia 面向app项目
04-13
在这个"vue3+pinia 面向app项目"中，开发者利用 Vue3 的特性来构建一个适用于移动应用的应用程序。Vue3 提供了 Composition API，使得代码组织更加模块化，提升了代码复用性，并且减少了组件间的耦合。 Pinia 是 ...
解决vue 项目引入字体图标报错、不显示等问题
12-02
问题：在项目开发时使用字体图标，发现两个问题； 1、出现报错： 解决方法为：把字体引入方式改为...以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希
小菠萝Pinia
weixin_48927323的博客
05-16 580
Pinia 是 vue 官方成员在2019年11月重新设计的一个状态存储库，它允许你跨组件/页面共享状态，并且是响应式的，类似于 vuex。现在 vuex 已经更新到4.x版本了，你可以认为 pinia 是作为 vuex@5.x 的一种存在。 通俗的讲 ： ① vuex精简版 ，而且vue官方更加推荐使用。 ②优势又完胜于vuex，下面我们来了解下pinia。 Pinia和vuex的区别： ①没有mutation,只有state，getters，action【同步、异步】用来修改state...
Pinia终端安装数据持久化报错问题
2301_76626925的博客
08-11 504
Pinia终端安装数据持久化报错问题
uniapp cli 安装不了pinia
bigb的博客
11-20 565
【代码】uniapp cli 安装不了pinia。
vue3中使用pinia报错Uncaught Error: []: getActivePinia was called with no active Pinia. Did，看我代码注释就能解决哈
jsmeng626的博客
03-29 3844
首先我遇到的情况是在store/index.js中，将pinia抽离开来然后在我的main.ts文件中去挂载现在可以清除的看到我是通过回调的方法先去挂载pinia再去挂载的router，因为router中我使用到了pinia，但是很奇怪的是，竟然报错告诉我使用pinia前要先安装，那可以确定我代码中先使用的pinia后挂载的，那就是这一步有问题了，本人怀疑是异步导致的。
uniapp 安装pinia报错export named ‘hasInjectionContext‘ (at pinia.mjs:6:10)
qq_40913218的博客
06-29 2917
uniapp 安装pinia报错export named 'hasInjectionContext' (at pinia.mjs:6:10)
npm install pinia-plugin-persist npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
qq_52145585的博客
03-02 1244
peerOptional@vue/composition-api@“^1.0.0”来自pinia-plugin-persist@1.0.0。来自@element plus的peer vue@“^3.2.0”/icons-vue@2.3.1。来自@vitejs的peer vue@“^3.2.25”/plugin-vue@5.0.4。npm ERR@元素加/图标vue@“^2.3.1”来自element-plus@2.5.6。dev@vitejs/plugin-vue@“^5.0.3”来自根项目。
pinia 的报错 pinia.mjs:1690 Uncaught Error: []: getActivePinia was called with no active Pinia.
weixin_63203565的博客
04-07 1971
以下方法可以解决：再导入一遍你的仓库的 index.ts 的文件，初始化仓库就不会报错了。这个时候 pinia 仓库还没初始化，所以就拿不到里面的数据。
Vue3 + Pinia使用经历(常见报错、警告)
qq_45609424的博客
06-29 1565
Vue3 + Pinia常见报错、警告。
vue3中下载pinia报错
最新发布
06-22
在Vue 3项目中引入Pinia时遇到错误，可能是因为没有正确地安装或配置Pinia。错误提示"getActivePinia was called with no active Pinia. Did you forget to install pinia?"[^1]表明在尝试使用Pinia之前，Pinia实例并未激活。 要解决这个问题，你需要确保已按照以下步骤操作： 1. 安装Pinia依赖： ```shell npm install @vue/pinia ``` 2. 在主入口文件（通常为`main.js`）中初始化并安装Pinia： ```javascript import { createApp } from 'vue'; import App from './App.vue'; import { createPinia } from '@vue/pinia'; // 创建一个全局的Pinia实例 const pinia = createPinia(); // 在创建应用时使用Pinia const app = createApp(App); app.use(pinia); // 应该在router和app.mount之前 // 如果使用路由，记得在router中挂载Pinia import router from './router'; app.use(router); // 最后，挂载到页面上 app.mount('#app'); ``` 确保在`app.use(pinia)`这一行之前没有其他代码尝试访问Pinia，因为如果Pinia尚未被安装，`getActivePinia`会抛出错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值