LESS 是一种 CSS 预处理器，允许使用变量、嵌套规则、Mixin、函数等功能，使得 CSS 的编写更加简便和高效。然而，有时候我们会遇到 LESS 编译出现 Unrecognised input 的问题，导致编译失败。这篇文章将介绍如何解决这个问题。
问题描述
在 LESS 编译过程中，有时候会出现如下错误提示：
------------ ------------ ----- -- --------- -- ---- -- ------ -- -----
其中，X 表示错误所在行数，Y 表示错误所在列数，ZX:YZ 表示具体的错误信息。这个错误提示表明 LESS 编译器无法识别当前行的代码，因此无法继续编译。
问题原因
造成 LESS 编译出现 Unrecognised input 的原因有很多，比如：
- 编写的 LESS 代码语法错误或者不规范。
- 使用了不兼容的 LESS 版本。
- 引入了错误的依赖库或者插件。
- 操作系统编码格式不匹配。
解决方法
根据不同的原因，我们可以采取不同的解决方法。
解决 LESS 代码语法错误
编写 LESS 代码时，需要遵循 LESS 语法规范，如果代码出现语法错误，就会导致编译失败。可以通过以下方式解决：
- 仔细检查代码，确保语法正确。
- 使用 LESS 编辑器来检查代码，比如 Sublime Text、Atom、VS Code 等，这些编辑器会在代码出错时给出提示。
- 使用在线工具来检查代码，比如 LESS Lint 和 w3c/css-validator-cli。
解决 LESS 版本不兼容问题
LESS 有多个版本，不同版本之间可能存在兼容性问题。可以通过以下方式解决：
- 确认使用的 LESS 版本是否与当前项目兼容。
- 升级或者降级 LESS 版本，使其与当前项目兼容。
- 确认当前项目所使用的编译器是否支持当前 LESS 版本。
解决依赖库或者插件错误问题
在使用 LESS 的过程中，可能会引入一些依赖库或者插件，但是不兼容的依赖库或者插件也会导致编译失败。可以通过以下方式解决：
- 确认所使用的依赖库或插件是否与当前项目兼容。
- 升级或者降级依赖库或插件，使其与当前项目兼容。
- 确认所使用的依赖库或插件是否与当前 LESS 版本兼容。
解决操作系统编码格式不匹配问题
如果操作系统的编码格式不匹配，可能会导致 LESS 编译出现 Unrecognised input 的问题。可以通过以下方式解决：
- 确认操作系统的编码格式，确保其与代码文件的编码格式一致。
- 在 LESS 编译器中设置正确的编码格式。
总结
LESS 编译出现 Unrecognised input 的问题有多种原因，但是解决方法都可以归结为以下几种：检查代码语法、升级或者降级 LESS 版本、升级或者降级依赖库或插件、确认编码格式是否匹配。只有了解了解决方法，我们才能更好地解决这个问题，避免编译失败。在实际项目中，出现此问题时，可以根据不同的原因采取不同的解决方案，从而解决 LESS 编译出现 Unrecognised input 的问题。
示例代码
以下是一个 LESS 代码语法错误的示例：
------- -------- ---- - ----------------- ------------------ -- ------ -
正确的代码应该是：
------------------ -------- ---- - ----------------- ------------------ -
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6541c2577d4982a6ebb5e8e5