【报Bug】uniapp 引入weui.wxss，构建qq小程序时生成的app.qss被截断，样式不生效。但构建的微信小程序没问题

产品分类： uniapp/小程序/QQ

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.76

第三方开发者工具版本号： 0.71.24002211.6

基础库版本号： 3.0.0-4070520250711001

项目创建方式： HBuilderX

@import './static/weui.wxss';

    <view wx:if=" aria-role="dialog" aria-modal="true">  
        <view class="weui-mask aria-role="button" aria-label="关闭"></view>  
        <view class="weui-half-screen-dialog weui-transition >  
            <view class="weui-half-screen-dialog__hd">  
                <view class="weui-half-screen-dialog__hd__side" >  
                    <view aria-role="button" class="weui-btn_icon">关闭<i class="weui-icon-close-thin"></i></view>  
                </view>  
                <view class="weui-half-screen-dialog__hd__main">  
                    <strong class="weui-half-screen-dialog__title">标题</strong>  
                </view>  
            </view>  
            <view class="weui-half-screen-dialog__bd" style="padding-top: 32px; height: 50px;">  
                可放自定义内容  
            </view>  
            <view class="weui-half-screen-dialog__ft">  
              <view class="weui-half-screen-dialog__btn-area">  
                <view aria-role="button" class="weui-btn weui-btn_default" bindtap="close">取消</view>  
                <view aria-role="button" class="weui-btn weui-btn_primary" bindtap="close">阅读并同意</view>  
              </view>  
              <view class="weui-half-screen-dialog__attachment-area">  
                <navigator class="weui-link" url="">附加操作</navigator>  
              </view>  
            </view>  
        </view>  
    </view>

7***@qq.com (作者)

那这个肯定有问题啊，无法引入外部样式了，说明兼容不到位啊。

2025-08-13 17:20
7***@qq.com (作者)

能否build的时候保持和开发环境一样的，css处理。但是sourcemap 不一样。我没有看到这个配置

2025-08-13 17:22
7***@qq.com (作者)

回复 7***@qq.com: 这只是hack，没有解决问题。毕竟这只是常用的引入外部样式

2025-08-13 17:22
DCloud_UNI_JBB

回复 7***@qq.com: 暂时不行，build的时候不压缩，体积也不允许啊，很容易就超了。sourcemap build 模式目前有问题，不会启用

2025-08-13 17:24
DCloud_UNI_JBB

回复 7***@qq.com: 另外，你也测试一下新建一个原生qq小程序，测试一下 weui 的样式是否生效

2025-08-13 17:29
7***@qq.com (作者)

回复 DCloud_UNI_JBB: 那你们这边看下是什么原因吧。有一种解决方案是通过条件编译，直接原样引用外部css，不走uni的样式处理

2025-08-13 17:30
7***@qq.com (作者)

回复 7***@qq.com: 至少这问题是普遍的兼容性问题，不可能让qq去适配uniapp的编译吧。应该是uniapp编译去适配平台

2025-08-13 17:32
DCloud_UNI_JBB

回复 7***@qq.com: 你说的条件编译是什么意思？

2025-08-13 17:32
7***@qq.com (作者)

回复 DCloud_UNI_JBB: 回复 DCloud_UNI_JBB: 原生ok的，就是编译后不行

2025-08-13 17:32
7***@qq.com (作者)

回复 DCloud_UNI_JBB: 就是让编译器不要编译条件编译里面的代码 import css ，样式文件直接放在static里面，这样就和原生一样了。就是不要走uniapp的样式处理器。直接copy代码

2025-08-13 17:34
7***@qq.com (作者)

回复 DCloud_UNI_JBB: 有wx吗哥，上面沟通。wx：Xxx-loji

2025-08-13 17:35
DCloud_UNI_JBB

回复 7***@qq.com: https://im.dcloud.net.cn/index.html#/ im里面私聊

2025-08-13 17:38
7***@qq.com (作者)

回复 DCloud_UNI_JBB: 进不去，wx吧，我加你

2025-08-13 17:42
7***@qq.com (作者)

回复 DCloud_UNI_JBB: 密码试错太多次了，要两个小时后才能登录

2025-08-13 17:44

【报Bug】uniapp 引入weui.wxss，构建qq小程序时生成的app.qss被截断，样式不生效。但构建的微信小程序没问题

操作步骤：

复现步骤，从官网下载weui.wxss, 创建一个简单的demo 。然后把wxml复制到index.vue里。点击发布qq小程序，弹窗不能正确展示。

但是手动格式化app.qss后就可以了。

预期结果：

colorui也有类似问题。是否是构建压缩有问题。

实际结果：

麻烦看一下

bug描述：

4 个回复

公告

相关问题

【报Bug】uniapp 引入weui.wxss，构建qq小程序时生成的app.qss被截断，样式不生效。但构建的微信小程序没问题

操作步骤： 复现步骤，从官网下载weui.wxss, 创建一个简单的demo 。然后把wxml复制到index.vue里。点击发布qq小程序，弹窗不能正确展示。 但是手动格式化app.qss后就可以了。

预期结果： colorui也有类似问题。是否是构建压缩有问题。

实际结果： 麻烦看一下

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

操作步骤：

复现步骤，从官网下载weui.wxss, 创建一个简单的demo 。然后把wxml复制到index.vue里。点击发布qq小程序，弹窗不能正确展示。

但是手动格式化app.qss后就可以了。

预期结果：

colorui也有类似问题。是否是构建压缩有问题。

实际结果：

麻烦看一下