我想在项目中使用less，但出现webpack错误

Question

老师，你好

因为我对less比较熟悉，主要想通过这门课程提高对VUE项目开发的理解，所以我选择了less。但在编译过程中遇到以下问题，度娘了一个晚上没有解决 :(

```

ERROR in ./~/.0.25.0@css-loader!./~/.2.2.3@less-loader!./~/.0.13.1@style-loader!./~/.0.25.0@css-loader!./~/.2.2.3@less-loader!./src/less/common.less Module build failed: Unrecognised input @ /Users/burning/MyJS/hello-vue/src/less/common.less (line 4, column 12) near lines:   // load the styles   var content = require("!!./../../node_modules/.0.25.0@css-loader/index.js!./../../node_modules/.2.2.3@less-loader/index.js!./common.less");   if(typeof content === 'string') content = [[module.id, content, '']]; @ ./src/less/common.less 4:14-287 13:2-17:4 14:20-293

```

貌似提示我是我写的less文件有问题，可为了测试，我就在文件中写了一句 `.body { marigin: 0; } ` 别的啥都没有干。我觉得应该是webpack的配置不对。webpack的使用实在太复杂，这也是我购买这个课程的主要原因。

老师是否能帮再点播一下？谢谢。

Answer 1

ustbhuangyi 2016-12-14 00:39:32

看上去是编写的 less 语法问题喔，另外有没有指定 lang="less"

Answer 2

提问者 牛顿的菠萝 2016-12-15 00:19:05

在vue文件的 style 标签中添加 lang="less" 了，这里是好的。

问题是出在我想在 main.js 中 import 一个less 文件的时候

• 刚仔 #1

  解决了吗？我也是跟你出现的同样的问题，我就没在main.js引用，而是在style里面进行了引用