使用cli命令行创建的uni-app项目在编译器由4.64更新为4.66后报错 @import uview-plus/theme.scss

使用cli命令行创建的uni-app项目在编译器由4.64更新为4.66后报错 @import uview-plus/theme.scss

操作步骤：

  • 将@dcloudio/uni-开头的包，升级为4.66，运行项目终端就报错

预期结果：

  • 终端不报错，页面正常展示

实际结果：

  • 终端报错，页面样式失效

bug描述：

升级版本是因为云打包到真机运行，弹窗提示本应用使用HBuilderX 4.64 或对应的cli版本编译，而手机端SDK版本是 4.66。不匹配的版本可能造成应用异常。所以将项目中@dcloudio/uni-开头的包由3.0.0-4060420250429001升级为3.0.0-4060620250520001但是升级完之后运行项目终端就报以下错误，并且部分页面样式失效。只要将升级的版本回退到之前的，终端就不报错，页面样式也正常了 。将样式不正常的部分，4.64和4.66对比，发现4.66版本的多了几个样式属性，如附件3

![图片](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20251016/d8b333d43d5e8c4138e314404671acfc.jpg)
![图片](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20251016/a47566b3d2457c0d41f81711d147307c.png)
![图片](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20251016/dcd158321d998c1b57eb17f55753416f.png)

| 信息项 | 详情 |
|--------|------|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | 10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 4.76 |
| 手机系统 | Android |
| 手机系统版本号 | Android 16 |
| 手机厂商 | 华为 |
| 手机机型 | p50 |
| 页面类型 | vue |
| vue版本 | vue3 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |

更多关于使用cli命令行创建的uni-app项目在编译器由4.64更新为4.66后报错 @import uview-plus/theme.scss的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于使用cli命令行创建的uni-app项目在编译器由4.64更新为4.66后报错 @import uview-plus/theme.scss的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于 uView Plus 在 uni-app 4.66 版本中样式导入路径发生了变化导致的。

在 uni-app 4.66 版本中，uView Plus 的 SCSS 文件引用路径需要调整为：

@import 'uview-plus/index.scss';

请检查并修改以下文件中的导入语句：

  1. uni.scss 文件： 将 @import 'uview-plus/theme.scss'; 改为 @import 'uview-plus/index.scss';

  2. App.vue 中的样式导入也需要相应调整：

@import 'uview-plus/index.scss';
  1. 确保 package.json 中 uview-plus 版本兼容：
{
  "dependencies": {
    "uview-plus": "^3.1.36"
  }
}

修改完成后，建议执行以下命令：

npm install
回到顶部