LESS 是一种动态样式语言，它扩展了 CSS 语言，使其可以使用变量、函数、运算符等特性。LESS 通常需要编译成 CSS 才能使用，而编译过程中可能会出现一些问题，例如报错“unrecognised input”。
问题分析
该报错可能出现在 LESS 文件中的任何位置，它表示 LESS 编译器无法识别某个输入。这可能是由于以下原因引起的：
- LESS 语法错误：LESS 语法与 CSS 语法略有不同，如果 LESS 文件中存在语法错误，编译器就无法识别输入。
- 编译器版本问题：某些 LESS 版本可能不支持某些语法或特性，因此需要使用更高版本的编译器。
- 编码问题：如果 LESS 文件使用了不受支持的编码格式，编译器就无法正确解析文件内容。
解决方案
要解决“unrecognised input”报错问题，可以采取以下措施：
1. 检查 LESS 语法
首先，需要检查 LESS 文件中的语法是否正确。可以使用 LESS 的在线编译器或命令行工具进行检查。如果存在语法错误，需要及时修复。
例如，以下 LESS 代码中存在语法错误：
------- ---- ---- - ----------------- ------ -
在编译时，会报错“unrecognised input”，因为少了一个分号。正确的代码应该是：
------- ----- ---- - ----------------- ------- -
2. 更新 LESS 编译器
如果 LESS 文件中的语法正确，但仍然报错“unrecognised input”，则可能是编译器版本问题。可以尝试更新 LESS 编译器到最新版本，以确保支持最新的语法和特性。
例如，使用 npm 更新 LESS 编译器：
--- ------- -- ----
3. 检查编码格式
最后，如果上述两种方法仍然无法解决问题，则可能是编码格式问题。需要检查 LESS 文件的编码格式是否受支持。常见的编码格式包括 UTF-8 和 GB2312 等。
例如，以下 LESS 文件使用了 GB2312 编码格式：
------- ----- ---- - ----------------- ------- -
在编译时，会报错“unrecognised input”，因为 GB2312 编码格式不受支持。需要将编码格式转换为 UTF-8：
----- -- ------ -- ----- ---------- - -----------
总结
在编译 LESS 文件时，可能会遇到报错“unrecognised input”的问题。该问题可能由 LESS 语法错误、编译器版本问题或编码格式问题引起。为了解决该问题，需要检查 LESS 文件的语法、更新 LESS 编译器版本或检查编码格式等。只有确保 LESS 文件的正确性和编译器的兼容性，才能顺利地编译 LESS 文件并生成 CSS 样式。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/661112d9d10417a2221c4875