Joshua
Joshua
  • 发布:5 天前
  • 更新:4 天前
  • 阅读:51

Mac上Hbuilder X 2.8.3打包和运行的app全局样式不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: Mac OS 10.15.5

HBuilderX类型: 正式

HBuilderX版本号: 2.8.3

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: Nokia

手机机型: x6

页面类型: vue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

官方的Hello uni-app模版项目

操作步骤:

新建项目-> uni-app->Hello uni-app模版项目,选择运行到手机

预期结果:

所有内置组件页面中的样式正常

实际结果:

所有内置组件页面中的样式不正常,没有继承App.vue中的全局样式

bug描述:

如题,但在windows下同样的项目文件,运行和打包后App.vue中的全局样式都正常。

上面反馈要填写的“nvue编译模式”不懂是什么意思,我随便选。我的manifest.json配置如下:

/* 5+App特有相关 */  
    {  
    "name" : "uni_app",  
    "appid" : "xxxxx",  
    "description" : "应用描述",  
    "versionName" : "1.0.0",  
    "versionCode" : "100",  
    "transformPx" : false,  
    /* 5+App特有相关 */  
    "app-plus" : {  
        "usingComponents" : true,  
        "nvueCompiler" : "uni-app",  
        "compilerVersion" : 3,  
        "splashscreen" : {  
            "alwaysShowBeforeRender" : true,  
            "waiting" : true,  
            "autoclose" : true,  
            "delay" : 0  
        },  
        "modules" : {  
            "OAuth" : {},  
            "Payment" : {},  
            "Push" : {},  
            "Share" : {},  
            "Speech" : {},  
            "VideoPlayer" : {}  
        },  
        /* 应用发布信息 */  
        "distribute" : {  
            /* android打包配置 */  
            "android" : {  
                "permissions" : [  
                    "<uses-feature android:name=\"android.hardware.camera\"/>",  
                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",  
                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",  
                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",  
                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",  
                    "<uses-permission android:name=\"android.permission.ACCESS_MOCK_LOCATION\"/>",  
                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",  
                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",  
                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",  
                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",  
                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",  
                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",  
                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",  
                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",  
                    "<uses-permission android:name=\"android.permission.GET_TASKS\"/>",  
                    "<uses-permission android:name=\"android.permission.INTERNET\"/>",  
                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",  
                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",  
                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",  
                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",  
                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",  
                    "<uses-permission android:name=\"android.permission.READ_SMS\"/>",  
                    "<uses-permission android:name=\"android.permission.RECEIVE_BOOT_COMPLETED\"/>",  
                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",  
                    "<uses-permission android:name=\"android.permission.SEND_SMS\"/>",  
                    "<uses-permission android:name=\"android.permission.SYSTEM_ALERT_WINDOW\"/>",  
                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",  
                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",  
                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",  
                    "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",  
                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",  
                    "<uses-permission android:name=\"android.permission.WRITE_SMS\"/>",  
                    "<uses-permission android:name=\"android.permission.RECEIVE_USER_PRESENT\"/>"  
                ]  
            },  
            /* ios打包配置 */  
            "ios" : {  
                "UIBackgroundModes" : [ "audio" ],  
                "urlschemewhitelist" : [ "baidumap", "iosamap" ]  
            },  
            /* SDK配置 */  
            "sdkConfigs" : {  
                "speech" : {  
                    "ifly" : {}  
                }  
            },  
            "orientation" : [ "portrait-primary" ]  
        }  
    },  
    /* 快应用特有相关 */  
    "quickapp" : {},  
    "quickapp-native" : {  
        "icon" : "/static/logo.png",  
        "package" : "com.example.demo",  
        "features" : [  
            {  
                "name" : "system.clipboard"  
            }  
        ]  
    },  
    "quickapp-webview" : {  
        "icon" : "/static/logo.png",  
        "package" : "com.example.demo",  
        "minPlatformVersion" : 1070,  
        "versionName" : "1.0.0",  
        "versionCode" : 100  
    },  
    /* 小程序特有相关 */  
    "mp-weixin" : {  
        "appid" : "",  
        "setting" : {  
            "urlCheck" : false  
        },  
        "usingComponents" : true,  
        "permission" : {  
            "scope.userLocation" : {  
                "desc" : "演示定位能力"  
            }  
        }  
    },  
    "mp-alipay" : {  
        "usingComponents" : true  
    },  
    "mp-baidu" : {  
        "usingComponents" : true  
    },  
    "mp-toutiao" : {  
        "usingComponents" : true  
    },  
    "h5" : {  
        "template" : "template.h5.html",  
        "router" : {  
            "mode" : "history",  
            "base" : ""  
        },  
        "sdkConfigs" : {  
            "maps" : {  
                "qqmap" : {  
                    "key" : ""  
                }  
            }  
        },  
        "async" : {  
            "timeout" : 20000  
        }  
    }  
}  
5 天前 负责人:无 分享
已邀请:
1601745371@qq.com

1601745371@qq.com

全局通过@import的方式应用在组件无效,非组件是可以的

<style>  
    @import url("@/common/main.css");  
    @import url("@/common/common.css");  
    /* #ifndef APP-PLUS-NVUE */  
    @import url("@/common/icon.css");  
    /* #endif */  
</style>

组件下无效,但是我在组件重新引用就可以了

<style scoped>  
    @import url("@/common/main.css");  
</style>
1601745371@qq.com

1601745371@qq.com

页面都别删,即使没有样式,全局的样式就可以了。我的也是mac, hbx2.8.3

要回复问题请先登录注册