uniapp使用vue3版本时,安装pinia报错
在webstorm或者vs code等编辑器中,我们使用uni-app的vue3版本去编写代码时,会发现,默认的安装pinia命令:npm install pinia,会出现报错,报错信息如下:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: study@0.0.0
npm ERR! Found: vue@3.2.47
npm ERR! node_modules/vue
npm ERR! peer vue@"^3.2.25" from @vitejs/plugin-vue@4.3.4
npm ERR! node_modules/@vitejs/plugin-vue
npm ERR! @vitejs/plugin-vue@"^4.2.1" from @dcloudio/uni-app-vite@3.0.0-3081220230817001
npm ERR! node_modules/@dcloudio/uni-app-vite
npm ERR! @dcloudio/uni-app-vite@"3.0.0-3081220230817001" from @dcloudio/uni-app-plus@3.0.0-3081220230817001
npm ERR! node_modules/@dcloudio/uni-app-plus
npm ERR! @dcloudio/uni-app-plus@"3.0.0-3081220230817001" from the root project
npm ERR! @vitejs/plugin-vue@"^4.2.1" from @dcloudio/vite-plugin-uni@3.0.0-3081220230817001
npm ERR! node_modules/@dcloudio/vite-plugin-uni
npm ERR! dev @dcloudio/vite-plugin-uni@"3.0.0-3081220230817001" from the root project
npm ERR! peer vue@"^3.0.0" from @vitejs/plugin-vue-jsx@3.0.2
npm ERR! node_modules/@vitejs/plugin-vue-jsx
npm ERR! @vitejs/plugin-vue-jsx@"^3.0.1" from @dcloudio/vite-plugin-uni@3.0.0-3081220230817001
npm ERR! node_modules/@dcloudio/vite-plugin-uni
npm ERR! dev @dcloudio/vite-plugin-uni@"3.0.0-3081220230817001" from the root project
npm ERR! 4 more (@vue/server-renderer, vue-i18n, vue-router, the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! pinia@"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: vue@3.3.4
npm ERR! node_modules/vue
npm ERR! peer vue@"^2.6.14 || ^3.3.0" from pinia@2.1.6
npm ERR! node_modules/pinia
npm ERR! pinia@"*" from the root project
其中:我们注意这一句:peer vue@"^2.6.14 || ^3.3.0" from pinia@2.1.6。也就是说,最新版的pinia2.1.6必须运行在vue3.3.0+的版本之上,检查uni-app中为我们预装的vue版本,版本号为:3.2.45。明显不符合标准。因此,我们需要手动的去降低pinia的版本才行,这个时候,我们需要查看下pinia都有哪些版本。
查看版本时,使用 npm view pinia可查看pinia的最新版本,使用npm view pinia versions 命令可查看所有 pinia的版本号,如下图所示:
这里,我们不确定,到底那个版本适配我们的vue 3.2.45的话,可以从大版本到小版本逐个去尝试。
这里我们使用:2.0.30的版本,使用命令如下:
npm install pinia@2.0.3 --legacy-peer-deps
其中:--legacy-peer-deps表示:当存在依赖解析冲突时,使用旧的方式处理对等依赖项。从 npm 7 开始,npm 默认使用更严格的依赖解析策略,这可能导致在某些情况下无法解析到正确的依赖版本。通过使用 --legacy-peer-deps 参数,npm 将使用旧的解析策略来处理对等依赖项,以解决依赖解析冲突的问题,只有在需要解决依赖解析冲突时才需要使用。
- CSS选择器:nth-child()的灵活用法及常见场景示例
CSS选择器中的nth-child()相信大家都比较熟悉,nth-child()和nth-of-type()的区别是:nth-child()不区分类型。大家经常
- 为什么你的logo图模糊不清,移动端图片虚化的解决方案
在传统pc时代的时候,几乎99%的网站都在使用图片格式作为logo,而大部分网站都使用了png透明底的图片来做网站的logo。但是进入移动时代之后,这种习惯还是
- 响应式网站布局的优缺点分析
响应式网站,通俗的讲就是使用CSS媒体查询技术,写一套代码,可以在多个终端上使用。在此之前,前端切图工作者是需要分别针对电脑端、移动端和平板等常见设备专门去写一
- 切图和前端什么关系?为什么前端又被称为切图仔?
很多初从事前端切图这个行业的新人,大多都有一个疑问?为什么要把前端开发人员称为切图仔呢?提起这个问题,我们还要从前端切图行业的发展历程来说起,当然,这个问题对与
- 目前主流的前端框架有哪些?
基本上每种语言都有对应的一些快速框架用于提升开发人员的效率,所谓框架更像是工具箱或者脚手架,在开发时如果能很好的利用框架可以起到事半功倍的效果。简单形象的说,如
- 移动端background-attachment: fixed失效解决方法
在做web前端切图时,我们经常需要做背景图片不跟随内容滚动的效果,这个时候就需要使用到background-attachment: fixed 属性,这个属性及