vue3+pinia报错

于 2024-10-08 09:44:34 发布
阅读量141 收藏
点赞数 3
文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42710827/article/details/142751876
版权

报错内容

"hasInjectionContext" is not exported by "node_modules/pinia/node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".

解决方式

调低 pinia版本，vue的维持在3.3.0，目前是正常运行。

"pinia": "^2.0.36",
"vue": "^3.3.11",

修改版本：

1. 修改 package.json 文件里的 vue 和 pinia 的版本号，再用 npm install 进行更新。

2. 安装pinia的命令应该是：

npm install pinia@2.0.36 --legacy-peer-deps

多潘立童
关注
uniapp vue3使用Pinia引入报错的解决方法 提示The requested module ‘/store/xxx.js‘ does not provide an export named
wlor的博客
10-19 90
vue3使用Pinia引入模块的时候控制台提示报错报错信息为The requested module '/store/xxx.js' does not provide an export named 'xxx'
vue3+vite+pinia+pinia-plugin-persistedstate持久化存储！！！pinia-plugin-persist 插件（持久化报错无效！！！感）
最新发布
jieweiwujie的博客
09-26 183
上面这一句defineStore报错重载有问题；因此使用2 可能和vue版本用关系吧。
vue3项目引入pinia报错
weixin_72459962的博客
02-02 1493
vue项目引入pinia报错 getActivePinia was called with no active Pinia. Did you forget to install pinia?
vue3在router中使用pinia报错解决
IU
05-07 602
vue3在router文件中使用pinia报错的问题解决
vue3npm install pinia报错
m0_73801776的博客
12-01 911
尝试使用不同的npm镜像：有时，由于网络问题或其他原因，从官方源安装可能会很慢或失败。您可以尝试使用国内的npm镜像进行安装，例如使用npm install pinia -g --registry=https://registry.npm.taobao.org命令进行安装。
uniapp中vue3使用pinia报错vue-demi@0.14.10_vue
weixin_45389051的博客
07-30 385
SyntaxError: The requested module '/node_modules/.pnpm/vue-demi@0.14.10_vue@3.4.34
vue3 解决pinia getActivePinia() 报错问题
w1314_1314的博客
06-03 621
【代码】vue3 解决pinia getActivePinia() 报错问题。
vue3+Vant+pinia 开箱即用，移动端框架
01-30
vue3+Vant+pinia移动端框架： 1、已集成搭建适配方法：postcss-pxtorem || lib-flexible； 2、已安装最新路由搭建框架； 3、使用sass样式处理； 4、已集成nprogress进度条并全局配置； 5、安装最新pinia插件，配合...
vue3 - pinia报错getActivePinia() was called but there was no active Pinia. Did you forget to install p
高级前端工程师
04-09 4017
vue3，pinia，状态管理，报错，vite，vue3+pinia，pinia出现报错，const store = useStore()报错，useStore()报错，getActivePinia()“ was called but there was no active Pinia. Did you forget to install pinia?，const pinia = createPinia()，报错解决方法，怎么创建pinia报错，如何解决，改了也不行怎么办，vue3 pinia报错怎么办，在
Vue3 + Ts + Pinia + uni-app 学习笔记
qq_33365152的博客
09-13 663
Vue3 +Ts + Pinia + uni-app 学习笔记
基于 vite 创建 vue3 全家桶项目（vite + vue3 + tsx + pinia）
热门推荐
youyacoder的博客
09-13 1万+
在src目录下创建store，并在src/store中创建demo.ts文件。该文件中咱们使用的方式实现store。import {
Vue-pinia 报错未定义
Raywh的博客
12-29 1404
问题主要在于异步初始化和组件的渲染周期。在 Vue.js 中，组件渲染是异步的，并且有其生命周期。当你在组件外部（例如导航守卫、全局函数等）尝试访问状态管理库（如 Pinia）时，存在一些挑战和注意事项：1. **初始化时机：**- Pinia 或类似的状态管理库需要在应用启动时初始化和配置。在 Vue.js 应用中，很多全局设置（如路由守卫、全局函数）可能在应用启动之前被调用。
pinia、pinia-plugin-persistedstate包安装失败解决办法
github_53963510的博客
02-26 3649
用cli 生成的 vue3 项目，如果自己安装 pinia 的话会安装最新版本，即2.1.x，pinia默认安装的是vue 2.6版本，已经不支持 vue3.3 以下使用，在进行安装时报错
vue3中使用pinia报错Uncaught Error: []: getActivePinia was called with no active Pinia. Did，看我代码注释就能解决哈
jsmeng626的博客
03-29 5249
首先我遇到的情况是在store/index.js中，将pinia抽离开来然后在我的main.ts文件中去挂载现在可以清除的看到我是通过回调的方法先去挂载pinia再去挂载的router，因为router中我使用到了pinia，但是很奇怪的是，竟然报错告诉我使用pinia前要先安装，那可以确定我代码中先使用的pinia后挂载的，那就是这一步有问题了，本人怀疑是异步导致的。
Vue3在router中使用pinia报错的问题解决办法
灰机大大的博客
01-30 4997
Vue3在router中使用pinia报错xxxStore WEBPACK_IMPORTED_MODULE_1__.default) is not a function及getActivePinia was called with no active Pinia
【问题解决】uniapp 安装pinia时报错 npm ERR! While resolving: uni-preset-vue@0.0.0
qq_56630261的博客
08-25 1046
问题解决
vue3 pinia的安装和使用
u014678583的博客
03-29 4361
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 还需再安装个数据持久化插
安装vue3 pinia报错：(node:12974) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘
星辰迷上大海的博客
12-12 1557
发现是node.js不兼容的问题。升级node.js版本就解决了。
uniapp vue3安装pinia报错
10-17
您好，关于 uniapp vue3 安装 pinia 报错的问题，可能是因为您的项目中没有安装 vue3，或者您的 npm 版本过低。您可以尝试以下步骤解决该问题： 1. 确认您的项目中已经安装了 vue3，如果没有安装，请先安装 vue3。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值