Vue 3 开发中遇到的问题及解决方案(fix bug)

开发环境:mac系统,node版本: 16.15.0

版本兼容问题

javascript 复制代码
vite v3.2.4 building for development...
'hasInjectionContext' is not exported by node_modules/pinia/node_modules/vue-demi/lib/index.mjs, imported by node_modules/pinia/dist/pinia.mjs
at ../node_modules/pinia/dist/pinia.mjs:6:9
  4:  * @license MIT
  5:  */
  6: import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref, isVue2, isRef, isReactive, set, getCurrentScope, onScopeDispose, getCurrentInstance, reactive, toRef, del, nextTick, computed, toRefs } from 'vue-demi';
              ^
  7: import { setupDevtoolsPlugin } from '@vue/devtools-api';

解决方案1

升级或降级(版本)

思路

Vue和pinia 版本不兼容;Vue 的版本为 "vue": "^3.2.47", pinia的版本为 "pinia": "^2.0.36"

解决过程

升高pinia的版本 "pinia": "^2.0.36", ==》 "pinia": "^2.0.36",

先删除pinia

npm uni pinia

再重新安装

yarn add [email protected]

修改后如下图:

相关推荐
持久的棒棒君26 分钟前
npm安装electron下载太慢,导致报错
前端·electron·npm
渔舟唱晚@2 小时前
大模型数据流处理实战:Vue+NDJSON的Markdown安全渲染架构
vue.js·大模型·数据流
crary,记忆2 小时前
Angular微前端架构:Module Federation + ngx-build-plus (Webpack)
前端·webpack·angular·angular.js
漂流瓶jz3 小时前
让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理
前端·javascript·node.js
SamHou03 小时前
手把手 CSS 盒子模型——从零开始的奶奶级 Web 开发教程2
前端·css·web
我不吃饼干3 小时前
从 Vue3 源码中了解你所不知道的 never
前端·typescript
开航母的李大4 小时前
【中间件】Web服务、消息队列、缓存与微服务治理:Nginx、Kafka、Redis、Nacos 详解
前端·redis·nginx·缓存·微服务·kafka
Bruk.Liu4 小时前
《Minio 分片上传实现(基于Spring Boot)》
前端·spring boot·minio
鱼樱前端4 小时前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js
q_19132846954 小时前
基于Springboot+Vue的办公管理系统
java·vue.js·spring boot·后端·intellij idea