2014-12-19 69 views
0

我已经在Webstorm 9.0.2中设置了一个LESS文件观察器,以便每次保存编辑时将我的main.less文件编译为main.css。LESS文件观察器给出SyntaxError:编译期间的意外令牌

这是我如何设置它:

enter image description here

这是在我的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的新手,拥有非常小的e想法那个错误意味着什么以及如何解决它。如果可能的话,任何人都可以帮助我吗?

+0

检查'LESS'文件为'body'风格。那里有问题。 – melancia 2014-12-19 10:23:26

+0

这就是我的少文件体{color:#fff}; – ocajian 2014-12-19 10:25:52

+0

右大括号后面不需要分号。 – melancia 2014-12-19 10:27:14

回答

4

为什么你使用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'