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>

操作步骤:

  1. 使用cli命令创建项目;
  2. 引入使用(3.0.0-alpha-3081220230802001 正常);
  3. 升级最新版本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

4 回复

这个命令只会升级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升级后常见的兼容性问题。主要原因是新版本对组件库的引入方式或样式系统做了调整。

建议检查以下几点:

  1. 确保package.json中uni-ui的版本与当前uni-app版本匹配
  2. 尝试在main.js中显式引入uni-ui组件:
import { uniList, uniListItem } from '@dcloudio/uni-ui'
app.component('uni-list', uniList)
app.component('uni-list-item', uniListItem)
  1. 检查项目根目录是否有postcss.config.js文件,新版本可能需要配置postcss来处理样式

  2. 如果使用scss/less,确保已安装对应的预处理器

  3. 可以尝试回退到稳定版本:

npx @dcloudio/uvm@3.0.0-alpha-3081220230802001
回到顶部