uni-app HX3.1.0版本 nvue不解析第一层view的class

uni-app HX3.1.0版本 nvue不解析第一层view的class

开发环境 版本号 项目创建方式
Windows 10 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

PC开发环境操作系统版本号：10

HBuilderX类型：Alpha

HBuilderX版本号：3.1.0

手机系统：Android

手机系统版本号：Android 11

手机厂商：小米

手机机型：10

页面类型：nvue

打包方式：云端

项目创建方式：HBuilderX

### 示例代码：

```html
<template>
<view class="bg-blue" style="width: 750rpx; height: 100rpx;">
<text>uniapp</text>
</view>
</template> 
<script>
export default {
data() {
return {}
}
}
</script> 
<style lang="scss">
.bg-blue {
background-color: #0055ff;
}
</style>

操作步骤：

pages页面和subnvue页面（设置subnvue透明），代码内第一层view使用class

预期结果：

可以解析

实际结果：

没解析

bug描述：

HX3.1.0，nvue不解析第一层view的class

目前测试： components组件内的不会出现该情况，第一层view会解析 pages页面和subnvue页面（设置subnvue透明），代码内第一层view使用class不会解析

hx之前的版本不会有该问题


更多关于uni-app HX3.1.0版本 nvue不解析第一层view的class的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

@DCloud_UNI_Anne

更多关于uni-app HX3.1.0版本 nvue不解析第一层view的class的实战教程也可以访问 https://www.itying.com/category-93-b0.html


@DCloud_UNI_Anne

请提供简单、可稳定复现、能直接运行的完整示例（上传附件），方便我们快速排查问题哦。 【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

没问题了，发现原因了，HX3.1.0不会把uni.scss自动注入每个文件以达到全局样式的效果，还是得写在app.vue全局样式里面进行导入才行，我也不知道是不是你们特意为之，如果这样也算bug你可以记录下。

这是一个已知的HX3.1.0版本的nvue解析问题。在pages页面和subnvue透明页面中，第一层view的class确实存在无法解析的情况。

临时解决方案：

  1. 对于pages页面，可以在第一层view外再包裹一层view
  2. 对于subnvue透明页面，可以改用style内联样式替代class
  3. 回退到HX3.0.8版本

示例修改：

<template>
<view> <!-- 新增的包裹层 -->
<view class="bg-blue" style="width: 750rpx; height: 100rpx;">
<text>uniapp</text>
</view>
</view>
</template>
回到顶部