ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(二)

简介: ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题(二)

5 篇文章0 订阅

订阅专栏

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio

演示地址: http://218.75.87.38:9666

更多nbcio-boot功能请看演示系统

gitee源代码地址

后端代码: https://gitee.com/nbacheng/nbcio-boot

前端代码:https://gitee.com/nbacheng/nbcio-vue.git

在线演示(包括H5) : http://218.75.87.38:9888

7、修正图标显示问题,就是下面图标插件使用的svg指定自己的icons的svg目录,有需要新的可以到相应网站进行下载,如Iconify Design: All popular icon sets, one framework.

createSvgIconsPlugin({
        // 指定需要缓存的图标文件夹
        iconDirs: [resolve(pathSrc, "assets/icons/svg")],
        // 指定symbolId格式
        symbolId: "icon-[dir]-[name]",
      }),

8、有组件升级后出现下面问题,目前还不知道是什么原因

at async ModuleLoader.import (node:internal/modules/esm/loader:336:24) {
  [cause]: Error: Cannot find module 'F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\node_modules\@rollup\rollup-win32-x64-msvc\rollup.win32-x64-msvc.node'. Please verify that the package.json has a valid "main" entry
      at tryPackage (node:internal/modules/cjs/loader:437:19)
      at Module._findPath (node:internal/modules/cjs/loader:705:18)
      at Module._resolveFilename (node:internal/modules/cjs/loader:1120:27)
      at Module._load (node:internal/modules/cjs/loader:975:27)
      at Module.require (node:internal/modules/cjs/loader:1225:19)
      at require (node:internal/modules/helpers:177:18)
      at requireWithFriendlyError (F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\node_modules\rollup\dist\native.js:69:10)
      at Object.<anonymous> (F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\node_modules\rollup\dist\native.js:96:76)
    path: 'F:\\codestudy\\nbcio-oa\\plus\\ruoyi-nbcio-vue3\\node_modules\\@rollup\\rollup-win32-x64-msvc\\package.json',
    requestPath: '@rollup/rollup-win32-x64-msvc'

9、出现下面的错误

主要是下面插件要升级一下

"unplugin-auto-import": "^0.17.5",
    "unplugin-icons": "^0.18.5",
    "unplugin-vue-components": "^0.26.0",
failed to load config from F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\vite.config.ts
error when starting dev server:
Error: [auto-import] identifier toRef already defined with vue
    at F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\node_modules\unplugin-auto-import\dist\chunk-HA63LRAS.cjs:250:17
    at Array.forEach (<anonymous>)
    at F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\node_modules\unplugin-auto-import\dist\chunk-HA63LRAS.cjs:270:13
    at F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\node_modules\unplugin\dist\index.js:1605:32
    at F:\codestudy\nbcio-oa\plus\ruoyi-nbcio-vue3\vite.config.ts:109:32
    at loadConfigFromFile (file:///F:/codestudy/nbcio-oa/plus/ruoyi-nbcio-vue3/node_modules/vite/dist/node/chunks/dep-G-px366b.js:68040:15)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

10、出现下面的警告

也是升级一下unocss组件就可以

plugin 'unocss:transformers:pre' uses deprecated 'enforce' option. Use 'order' option instead.
plugin 'unocss:transformers:pre' uses deprecated 'transform' option. Use 'handler' option instead.
plugin 'unocss:global' uses deprecated 'enforce' option. Use 'order' option instead.
plugin 'unocss:global' uses deprecated 'transform' option. Use 'handler' option instead.
plugin 'unocss:transformers:default' uses deprecated 'enforce' option. Use 'order' option instead.
plugin 'unocss:transformers:default' uses deprecated 'transform' option. Use 'handler' option instead.
plugin 'unocss:transformers:post' uses deprecated 'enforce' option. Use 'order' option instead.

这次vue3组件升级与主页调整初步结束,结束后主页界面如下:


相关文章
|
4月前
|
JavaScript 前端开发 API
Vue 3:下一代前端框架革新
Vue 3:下一代前端框架革新
500 106
|
4月前
|
JavaScript 前端开发 编译器
Vue 3:下一代前端框架的革新
Vue 3:下一代前端框架的革新
392 103
|
4月前
|
JavaScript 前端开发 API
Vue 3:下一代前端框架的革命
Vue 3:下一代前端框架的革命
365 104
|
4月前
|
JavaScript 前端开发 API
Vue 3:下一代前端框架的革命
Vue 3:下一代前端框架的革命
286 102
|
3月前
|
JavaScript 前端开发 安全
Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
每日激励:“如果没有天赋,那就一直重复”。我是蒋星熠Jaxonic,一名执着于代码宇宙的星际旅人。用Vue 3与TypeScript构建高效、可维护的前端系统,分享Composition API、状态管理、性能优化等实战经验,助力技术进阶。
Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
1181 14
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
418 0
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
578 6
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
759 1