cli命令( npx @dcloudio/uvm@latest )升级uni-app后,uni-ui和tuniao组件等皆失效
cli命令( npx @dcloudio/uvm@latest )升级uni-app后,uni-ui和tuniao组件等皆失效
示例代码:
<view class="section">
<uni-list :border="false">
<uni-list-item
border="false"
title="我的订单"
thumb-size="sm"
clickable="true"
@click="openOrderList"
thumb="iconDindan"
/>
<uni-list-item
border="false"
title="充值记录"
thumb-size="sm"
clickable="true"
@click="openRechargeRecord"
thumb="iconChongzhi"
/>
<!-- <uni-list-item
border="false"
title="我的地址"
thumb-size="sm"
clickable="true"
@click="openMyAddress"
thumb="iconDizhi"
/> -->
<!-- <uni-list-item
border="false"
title="v1.1.33"
thumb-size="sm"
clickable="true"
thumb="iconDizhi"
/> -->
</uni-list>
</view>
操作步骤:
- 使用cli命令创建项目;
- 引入使用(3.0.0-alpha-3081220230802001 正常);
- 升级最新版本3.0.0-4050720250324001后,引入的全部失效,无用。
预期结果:
升级版本后,应该兼容低版本,即就是不影响低版本写的功能样式。
实际结果:
不兼容,导致原有的功能和样式失效
bug描述:
在低版本时,uni-ui组件和插件等都是能够正常使用; 升级后,uni-ui组件的样式丢失或无效,插件直接被干掉了,但是结构又仍然存在。
| 项目属性 | 值 |
|----------------|----------------|
| 产品分类 | uniapp/小程序/微信 |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win11 |
| 第三方开发者工具版本号 | 1.06.2404301 |
| 基础库版本号 | 3.5.8 |
| 项目创建方式 | CLI |
| CLI版本号 | 5.0.8 |
更多关于cli命令( npx @dcloudio/uvm@latest )升级uni-app后,uni-ui和tuniao组件等皆失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这个命令只会升级dcloud的依赖,你再升级一下 uniui 的依赖试一下 “@dcloudio/uni-ui”: “^1.5.7”,
更多关于cli命令( npx @dcloudio/uvm@latest )升级uni-app后,uni-ui和tuniao组件等皆失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
没有用,后面试了全部升级版本依旧不能解决问题,回退版本后可以了,目前经过测试,3.0.0-4030620241128001这个版本是可以的,目前暂未发现其他问题
“dependencies”: {
“@dcloudio/uni-app”: “3.0.0-4030620241128001”,
“@dcloudio/uni-app-harmony”: “3.0.0-4030620241128001”,
“@dcloudio/uni-app-plus”: “3.0.0-4030620241128001”,
“@dcloudio/uni-components”: “3.0.0-4030620241128001”,
“@dcloudio/uni-h5”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-alipay”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-baidu”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-jd”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-kuaishou”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-lark”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-qq”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-toutiao”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-weixin”: “3.0.0-4030620241128001”,
“@dcloudio/uni-mp-xhs”: “3.0.0-4030620241128001”,
“@dcloudio/uni-quickapp-webview”: “3.0.0-4030620241128001”,
“vue”: “^3.4.21”,
“vue-i18n”: “^9.1.9”
},
“devDependencies”: {
“@dcloudio/types”: “^3.4.8”,
“@dcloudio/uni-automator”: “3.0.0-4030620241128001”,
“@dcloudio/uni-cli-shared”: “3.0.0-4030620241128001”,
“@dcloudio/uni-stacktracey”: “3.0.0-4030620241128001”,
“@dcloudio/vite-plugin-uni”: “3.0.0-4030620241128001”,
“@vue/tsconfig”: “^0.1.3”,
“@vue/runtime-core”: “^3.4.21”,
“typescript”: “^4.9.4”,
“vite”: “5.2.8”,
“vue-tsc”: “^1.0.24”
}
从你的描述来看,这确实是uni-app升级后常见的兼容性问题。主要原因是新版本对组件库的引入方式或样式系统做了调整。
建议检查以下几点:
- 确保package.json中uni-ui的版本与当前uni-app版本匹配
- 尝试在main.js中显式引入uni-ui组件:
import { uniList, uniListItem } from '@dcloudio/uni-ui'
app.component('uni-list', uniList)
app.component('uni-list-item', uniListItem)
-
检查项目根目录是否有postcss.config.js文件,新版本可能需要配置postcss来处理样式
-
如果使用scss/less,确保已安装对应的预处理器
-
可以尝试回退到稳定版本:
npx @dcloudio/uvm@3.0.0-alpha-3081220230802001