uni-app vite3.x升级到vite5.x后easycom组件渲染不出

uni-app vite3.x升级到vite5.x后easycom组件渲染不出

开发环境 版本号 项目创建方式
Mac 13.6.5 CLI

产品分类：uniapp/小程序/微信

操作步骤：

升级版本信息
"stylus": "^0.56.0",
"stylus-loader": "^6.2.0",
"vue": "3.4.36",
"vue-i18n": "9.13.1",
"vuex": "^4.1.0"
},
"devDependencies": {
"@dcloudio/types": "3.4.12",
"@dcloudio/uni-automator": "3.0.0-4020420240722002",
"@dcloudio/uni-cli-shared": "3.0.0-4020420240722002",
"@dcloudio/uni-stacktracey": "3.0.0-4020420240722002",
"@dcloudio/vite-plugin-uni": "3.0.0-4020420240722002",
"@vue/runtime-core": "3.4.36",
"autoprefixer": "^10.4.2",
"fs-extra": "^11.2.0",
"vite": "5.2.8",
"vite-plugin-stylus-alias": "^1.1.2"
},

预期结果：

页面正常显示

实际结果：

easycom组件显示不出来

bug描述：

执行升级命令后,相应以来也同步升级了, 运行命令不报错,但是页面渲染不出easycom组件
升级之前没有问题.

更多关于uni-app vite3.x升级到vite5.x后easycom组件渲染不出的实战教程也可以访问 https://www.itying.com/category-93-b0.html

17 回复

你好，可以提供一个可复现的项目吗？

更多关于uni-app vite3.x升级到vite5.x后easycom组件渲染不出的实战教程也可以访问 https://www.itying.com/category-93-b0.html


项目过大且安全问题无法提供呢?

回复 s***@126.com: 你可以新建一个项目，把有问题的地方单独拆出来吗？

已经发了,请查看哈

回复 DCloud_UNI_yuhe: 下面归档的附件就是一个实现demo,在新版本开发工具支付宝小程序运行直接报错了

感觉这个版本有问题

归档demo运行报错截图

出现问题的原因不是vite的原因，是你在page.json中把组件注册成了页面了

回复 DCloud_UNI_yuhe: 这个是huilder创建文件定义上去的没有留意, 我真实项目没有注册成页面,但是渲染不出来.好奇怪

回复 s***@126.com: 你测试一下，是不是把page中去掉就正常了。然后你再检查一下你的项目有没有类似问题

回复 DCloud_UNI_yuhe: 项目没有注册组件为页面但是渲染不出来,不知道什么原因?微信支付宝小程序都不行, 没升级之前是可以的

回复 s***@126.com: 你好，官网上示例就是使用5.2.8，肯定功能没有问题，请你再检查一下是否有其它影响

回复 DCloud_UNI_yuhe: 神奇了, 外网能正常运行,组件也能渲染, 之前外网是不行的, 我删掉依赖重新安装都可以, 内网怎么删除安装都不行…

内网事例项目都可以正常显示, 无解了

项目没有注册组件为页面但是渲染不出来

用了外部的package-lock.json下载的依赖就可以正常渲染,说明还是某些版本不一致问题

“dependencies”: { “@dcloudio/uni-app”: “3.0.0-4020320240708001”, “@dcloudio/uni-app-harmony”: “3.0.0-4020320240708001”, “@dcloudio/uni-app-plus”: “3.0.0-4020320240708001”, “@dcloudio/uni-components”: “3.0.0-4020320240708001”, “@dcloudio/uni-h5”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-alipay”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-baidu”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-jd”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-kuaishou”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-lark”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-qq”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-toutiao”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-weixin”: “3.0.0-4020320240708001”, “@dcloudio/uni-mp-xhs”: “3.0.0-4020320240708001”, “@dcloudio/uni-quickapp-webview”: “3.0.0-4020320240708001”, “vue”: “^3.4.21”, “stylus”: “^0.56.0”, “stylus-loader”: “^6.2.0”, “vue-i18n”: “^9.1.9” }, “devDependencies”: { “@dcloudio/types”: “^3.4.8”, “@dcloudio/uni-automator”: “3.0.0-4020320240708001”, “@dcloudio/uni-cli-shared”: “3.0.0-4020320240708001”, “@dcloudio/uni-stacktracey”: “3.0.0-4020320240708001”, “@dcloudio/vite-plugin-uni”: “3.0.0-4020320240708001”, “@vue/runtime-core”: “^3.4.21”, “vite”: “5.2.8” }
特别注意3.0.0-4020320240708001不带^ 的带了就会版本有浮动导致esayCOM组件渲染出问题…终于找出来了…

回到顶部