webcompiler编译less文件报错排查

最新推荐文章于 2025-04-17 09:36:50 发布

原创最新推荐文章于 2025-04-17 09:36:50 发布 · 557 阅读

0 ·

CC 4.0 BY-SA版权

qt 同时被 2 个专栏收录

6 篇文章

订阅专栏

less

2 篇文章

订阅专栏

本文介绍在使用webcompiler工具编译Less文件为QSS过程中遇到的问题及解决方案。通过对比lessc工具的错误提示，定位到MainWidget.less文件第293行缺少冒号，修复了box-shadow属性的语法错误。

这几天在搞qt界面的多皮肤，基本方式是弄一套公共的less文件，然后编译成qss文件，公司用的是webcompiler工具，执行的时候，出现报错，如下图所示：

在这里插入图片描述

其中compilerconfig.json的内容如下：

[
  {
    "outputFile": "./qss/framework/app_browser.qss",
    "inputFile": "./less/framework/app_browser.less"
  },
  {
    "outputFile": "./qss/framework/ControlPanel.qss",
    "inputFile": "./less/framework/ControlPanel.less"
  },
  {
    "outputFile": "./qss/framework/LocalConfig.qss",
    "inputFile": "./less/framework/LocalConfig.less"
  },
  {
    "outputFile": "./qss/framework/tool.qss",
    "inputFile": "./less/framework/tool.less"
  },
  {
    "outputFile": "./qss/framework/MainWidget.qss",
    "inputFile": "./less/framework/MainWidget.less"
  },
  {
    "outputFile": "./qss/framework/Login.qss",
    "inputFile": "./less/framework/Login.less"
  },
 
]

从红色方框的错误信息中，文件MainWidget.less有什么，但是是什么问题，无法看出，
除了webcompiler可以编译less文件外，工具lessc也可以，我们用lessc对MainWidget.less编译下，
报错信息如下：
在这里插入图片描述
信息很明显，文件293行出现了问题，box-shadow右边少了个冒号。