lessc.cmd无法找到@import引入文件，路径解析正常该如何排查？

这问题我之前踩过坑，LESS处理带前导斜杠的路径时逻辑有点特殊——它会把/styles/vars.less这种路径当成相对于当前编译工作目录的根路径，而不是你项目文件的实际根目录。从错误日志里能看到，编译器先尝试了/styles/vars.less（也就是工作目录的根下找styles文件夹），才去当前文件所在的D:\projects\ui\themes\default目录下找，这说明你的编译工作目录并不是D:\projects\ui\themes\default，所以第一个路径肯定找不到。

至于无效路径时IDE会提示更多信息，是因为IDE的路径解析逻辑和LESS编译器不一样：IDE是基于你打开的项目结构来检查文件存在性，而编译器是依赖运行时的工作目录，两者的解析基准不同，所以会出现提示不一致的情况。

给你几个可行的解决方案：

• 用相对路径（最推荐）：把导入语句改成相对当前文件的路径，比如：

  @import "./styles/vars.less";
  

  或者如果style.less和styles文件夹在同一层级，直接写：

  @import "styles/vars.less";
  

  这样LESS会从当前文件所在目录开始查找，完全不会受工作目录影响。

• 指定编译根目录：如果一定要用带前导斜杠的路径风格，可以在编译命令里加上--root-path参数，指定你的项目根目录，比如：

  cmd.exe /D /C call C:/Users/<user>/AppData/Roaming/npm/lessc.cmd --no-color --root-path=D:\projects\ui\themes\default style.less
  

  这样编译器就会把带前导斜杠的路径解析为相对于你指定的根目录，就能正确找到/styles/vars.less了。

• 构建工具中配置路径（如果用构建工具）：如果是在Webpack、Gulp这类工具里集成LESS，记得在对应的loader配置里添加paths选项，把项目根目录加入进去，让编译器和IDE的路径解析逻辑保持一致。

内容的提问来源于stack exchange，提问作者user736893