孤独的泪
孤独的泪
  • 发布:2025-06-09 12:25
  • 更新:2025-06-10 10:59
  • 阅读:90

打包时css属性选择器丢失引号

分类:uni-app
[class*=' my-'],[class^='my-'] {}

编译时无空格的单一字符串会被取消引号

[class*=“ my-icon-“],[class^=my-icon-] {}

部分环境不支持无引号的属性值

2025-06-09 12:25 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

您好,麻烦提供一下hx版本,vue版本,运行平台等信息

  • 孤独的泪 (作者)

    Hbuilder X:4.65

    "@dcloudio/uni-app": "3.0.0-4050720250324001",

    "vue": "3.4.21",

    目前使用的h5、微信小程序、QQ小程序和App,不过QQ小程序不支持没有引号的写法。

    2025-06-09 14:14

孤独的泪

孤独的泪 (作者)

Hbuilder X:4.65
"@dcloudio/uni-app": "3.0.0-4050720250324001",
"vue": "3.4.21",
目前使用的h5、微信小程序、QQ小程序和App,不过QQ小程序不支持没有引号的写法。

孤独的泪

孤独的泪 (作者)

<div class="demo">demo</div>
[class^='demo']{  
  width: 100upx;  
  height: 100upx;  
  background-color: pink;  
}

其他几个平台正常,QQ小程序不行,编译后变成了[class^=demo]{}

DCloud_UNI_JBB

DCloud_UNI_JBB

你用 3.0.0-4060520250512001 试一下,生成的带有引号

孤独的泪

孤独的泪 (作者)

好像并不行,换成最新版的也不行,是不是其他库有冲突,配置文件都是默认的几个。

package.json片段

  "dependencies": {  
    "@dcloudio/uni-app": "3.0.0-4060620250520001",  
    "@dcloudio/uni-app-harmony": "3.0.0-4060620250520001",  
    "@dcloudio/uni-app-plus": "3.0.0-4060620250520001",  
    "@dcloudio/uni-components": "3.0.0-4060620250520001",  
    "@dcloudio/uni-h5": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-alipay": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-baidu": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-harmony": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-jd": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-kuaishou": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-lark": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-qq": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-toutiao": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-weixin": "3.0.0-4060620250520001",  
    "@dcloudio/uni-mp-xhs": "3.0.0-4060620250520001",  
    "@dcloudio/uni-quickapp-webview": "3.0.0-4060620250520001",  
    "@dcloudio/uni-ui": "^1.5.7",  
    "dayjs": "^1.11.13",  
    "vue": "3.4.21",  
    "vue-i18n": "9.14.4"  
  },  
  "devDependencies": {  
    "@dcloudio/types": "3.4.15",  
    "@dcloudio/uni-automator": "3.0.0-4060620250520001",  
    "@dcloudio/uni-cli-shared": "3.0.0-4060620250520001",  
    "@dcloudio/uni-stacktracey": "3.0.0-4060620250520001",  
    "@dcloudio/uni-uts-v1": "3.0.0-4060620250520001",  
    "@dcloudio/vite-plugin-uni": "3.0.0-4060620250520001",  
    "@vue/runtime-core": "3.5.16",  
    "axios": "^1.8.3",  
    "commander": "^13.1.0",  
    "prettier": "^3.3.3",  
    "sass": "^1.89.1",  
    "vite": "5.2.8"  
  }
  • DCloud_UNI_JBB

    你看看是不是其他地方影响了这里,我是建的空白项目测试的

    2025-06-09 18:52

  • 孤独的泪 (作者)

    回复 DCloud_UNI_JBB: 找到了一个原因,css文件是正常可以,scss文件就不行了,但uni本身不是支持scss么。

    2025-06-10 09:58

  • DCloud_UNI_JBB

    回复 孤独的泪: 我试了下 scss 的样式,微信,支付宝和qq都会去掉引号,这个可能是scss的处理

    2025-06-10 10:51

  • DCloud_UNI_JBB

    回复 孤独的泪: qq小程序不支持的这个样式有文档吗?

    2025-06-10 10:52

  • 孤独的泪 (作者)

    回复 DCloud_UNI_JBB: 没找到相关文档,但就是不支持没引号的写法

    2025-06-10 11:19

DCloud_UNI_JBB

DCloud_UNI_JBB

sass 的默认行为就是这样

要回复问题请先登录注册