vue3+pinia运行ERROR

已于 2023-07-15 11:11:36 修改
阅读量382 收藏
点赞数 2
文章标签： 前端 javascript vue.js
于 2023-07-15 11:01:22 首次发布
原文链接：https://blog.csdn.net/weixin_42268784/article/details/131477871
版权

node_modules/pinia/dist/pinia.mjs:6:9: ERROR: No matching export in “node_modules/vue-demi/lib/index.mjs” for import “hasInjectionContext”

pnpm i pinia@2.0.33 -S

qq_49065725
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
操作系统实验：前端 vue3 + vite3 + pinia实现简易的生产者消费者模型
01-03
内容概要：操作系统实验，前端 vue3 + vite3 + pinia + ant design vue实现简易的生产者消费者模型，可以通过输入表单的形式手动调节生产者的消费速率和消费者的消费速率的形式，实现生产者消费者模型的可视化效果。 适宜人群： 本科阶段学习过vue，需要完成操作系统生产者消费者模型的可视化效果 能学到的知识：深入了解生产者消费者模型，熟悉vue3 的使用，了解typescript，pinia，vite3的使用效果。 阅读建议：此资源以开发简化版生产者消费者模型，不仅是代码编写实现也更注重内容上的需求分析和方案设计，所以在学习的过程要结合这些内容一起来实践，并调试对应的代码 运行环境要求： node.js 运行步骤： 执行以下命令： npm install npm run dev 打包命令：npm run build，生成的html文件可以使用live server 插件打开进行效果预览
vue3+pinia+element-plus搭建的模板工程
01-04
这里有一个基于最新技术栈构建的系统模板工程，结合了Pinia、Vue3、Element Plus和Webpack 5的强大力量。它为您提供了一个前所未有的开发体验，让您的项目脱颖而出。 这个模板工程不仅仅是一个简单的骨架，它还内置了四种令人惊叹的布局方式：默认布局、经典布局、双栏布局和单栏布局。无论您是追求时尚现代感还是传统经典风格，都能找到最适合您项目需求的布局风格。 更加令人兴奋的是，这个模板工程已经事先为您配置了暗黑模式。这意味着您的应用程序可以轻松地根据用户偏好切换到黑暗主题，为用户带来更加炫酷和舒适的界面体验。 而且，这个模板工程对全局配置进行了高度拆分和封装。通过清晰的架构和优雅的代码，您可以轻松地管理和定制全局配置，节省宝贵的开发时间，让您专注于构建出色的功能和用户体验。 无论您是一名经验丰富的开发者还是刚入门的新手，这个Pinia+Vue3+Element Plus+Webpack 5搭建的系统模板工程都将成为您的得力助手。 此zip解压后即可立即运行，为了保证项目依赖一致性，我将node_modules也一起上传了~
vite + vue3 + pinia 中 No matching export in “node_modules/.pnpm/vue[email protected]_vue@3.2.47/node_modu
m0_71391416的博客
07-06 2289
原因：这个项目中的pinia是我自己下载的 下载时直接就下载了默认版本的pinia 此时这个版本的pinia跟vite不兼容 就会出现这个问题。下载低版本的pinia 我推荐2.0.35。问题：在启动项目时 cmd出现了这个问题。解决： 重新下载一个 低版本的pinia。
vue3+pinia运行ERROR的问题记录
weixin_42268784的博客
06-30 2958
vue3、pinia、hasInjectionContext、ERROR
安装pinia后编译项目报错“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“
最新发布
weixin_52471791的博客
01-19 1005
uniapp安装pinia时，编译项目报错"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".解决方法：将pinia的版本改成2.0.36，重新编译，就不报错了。
uniapp+vue3+pinia框架（模块化+持久化存储）
06-15
uniapp+vue3+pinia框架 uniapp：导航栏双页切换 vue3+pinia：实例化+参数输出+方法调用+模块化+持久化存储 购买后任何问题请私信沟通或添加技术服务群咨询。
vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 8642
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
解决No matching export in “node_modules/vue-demi/lib/index.mjs“ for import “hasInjectionContext“问题
qq_53280805的博客
08-29 5739
将Vue升级到3.3及以上版本，将pinia升级到2.1.0及以上版本。发现2.1.0及以上版本需要引入Vue3.3及以上版本。这可能是Vue版本和Pinia版本不匹配导致的。升级完之后查看package.json文件。此时再运行项目，就可以成功运行了。查看package.json文件。
export in “node_modules/pinia/node_modules/vue-demi/lib/index.mjs“ for import “hasInjectionContext“
屹想天开
06-30 1859
node_modules/pinia/node_modules/vue-demi/lib/index.mjs" for import "hasInjectionContext"
“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo
11-03 1773
更换了好多个pinia的版本和vue3的版本，也解决不了。
使用开源模板vue-next-uniapp创建项目运行报错问题总结
weixin_43537489的博客
07-20 815
vite.createFilter is not a function 问题解决和vue3+pinia 打包报错处理
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的
Vue3+Pinia+Vite+TS 还原高性能外卖APP项目完结10章
01-15
大家好，今天我将带着大家用Vue3+Pinia+Vite+TS来开发一款外卖app的项目，喜欢大家会喜欢。 随着外卖服务的普及和数字化的兴起，外卖系统的开发变得至关重要。要构建一个高效、安全、用户友好的外卖系统，需要运用...
hasInjectionContext“ is not exported by “node_modules/pinia/node_modules/vue-demi/lib/index.mjs“
m0_73202583的博客
11-23 1889
pinia报错“hasInjectionContext”的解决方法
VUE项目问题
qq_39704803的博客
10-08 7567
1.运行时，遇到依赖问题，Failed to resolve import "vue-demi" from "node_modules\.vite\deps\chunk-2MVFT65E.js, 重新安装依赖。例：如下：解决：重新安装vue-demi2. 问题”getaddrinfo ENOENT raw.githubusercontent.com“解决:查看raw.githubusercontent.com的真实IP地址。
使用pinia时遇到的问题。
MR_shanhaixin的博客
07-28 258
运行项目提示：No matching export in "node_modules/pinia/node_modules/vue-demi/lib/index.mjs" for import "hasInjectionContext"pinia版本问题。使用的Vue3版本为。
uniapp+vue3+ts 使用pinia报错
盏茶作酒的博客
07-13 1995
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../node_modules/pinia/dist/pinia.mjs:6:9
pinia运行错误 hasInjectionContext“ is not exported by
Hhjian524的博客
06-06 1819
pinia运行报错
vue3+ts+pinia 全局loading
11-02
Vue3中使用TypeScript结合Pinia来实现全局loading的方式如下： 首先，我们需要安装vue-router、pinia和axios，可以使用以下命令进行安装： ``` npm install vue-router@next pinia axios ``` 接下来我们创建一个store模块来管理全局的loading状态。在src/store目录下创建一个名为loading.ts的文件，代码如下： ```typescript import { store } from 'pinia'; export const useLoadingStore = store('loading'); export const loadingStore = useLoadingStore({ state: () => ({ isLoading: false, }), actions: { setLoading(loading: boolean) { this.isLoading = loading; }, }, }); ``` 然后在src/main.ts文件中注册pinia和创建一个全局的loading插件，代码如下： ```typescript import { createApp } from 'vue'; import { createPinia } from 'pinia'; import App from './App.vue'; import router from './router'; import axios from 'axios'; import { loadingStore } from './store/loading'; const app = createApp(App); const pinia = createPinia(); app.use(pinia); // 创建全局loading插件 app.config.globalProperties.$loading = { show() { loadingStore.setLoading(true); }, hide() { loadingStore.setLoading(false); }, }; // axios拦截器 axios.interceptors.request.use(function (config) { loadingStore.setLoading(true); return config; }, function (error) { return Promise.reject(error); }); axios.interceptors.response.use(function (response) { loadingStore.setLoading(false); return response; }, function (error) { loadingStore.setLoading(false); return Promise.reject(error); }); app.use(router); app.mount('#app'); ``` 最后，在需要使用loading的地方，可以通过以下方式来调用全局的loading状态： ```typescript import { defineComponent } from 'vue'; import { loadingStore } from './store/loading'; export default defineComponent({ methods: { fetchData() { loadingStore.setLoading(true); // 发起异步请求 // ... loadingStore.setLoading(false); }, }, }); ``` 以上就是使用Vue3和TypeScript结合Pinia实现全局loading的方法。我们首先在store模块中定义了一个loading状态，并提供了相应的方法来控制loading的显示和隐藏。然后在main.ts中创建了全局的loading插件，并通过axios的拦截器来控制loading的显示和隐藏。最后，在需要使用loading的地方调用相应的方法即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值