LESS文件观察器在编译期间给出了SyntaxError：意外的令牌

Question

我在Webstorm 9.0.2中设置了一个LESS文件观察器来获取我的main.less文件，并在每次保存编辑时将其编译为main.css。

这是我设置它的方式：

这是我的main.less文件中的内容

body {color:#fff}

但是在编译阶段我在控制台中收到以下错误：

"C:/Program Files/nodejs/node.exe" main.less

E:\Ornico Work\socialdashboardAngular\app\styles\main.less:1
(function (exports, require, module, __filename, __dirname) { body {
                                                               ^
SyntaxError: Unexpected token {
at Module._compile (module.js:439:25)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)
at node.js:906:3

Process finished with exit code 8

我是Webstorm的新手，并且很少知道该错误意味着什么以及如何解决它。如果可能的话，有人可以帮助我吗？

Answer 1

为什么使用node.js编译.less文件？节点本身不能这样做 - 您需要安装LESS编译器（npm install less -g）并指定它作为LESS文件观察器中的程序的路径。 像：

Program: C:\Users\Your.Name\AppData\Roaming\npm\lessc.cmd
Arguments: --no-color $FileName$
Workingh dir: $FileDir$
Output paths: $FileNameWithoutExtension$.css

请务必勾选'create output from stdout'