使用vue-cli编译失败

时间:2017-11-23 06:56:41

标签: webpack less vue-cli

我在main.js中导入较少,但webpack编译失败。我不明白这个错误信息。我认为它是关于路径问题并尝试了绝对路径和相对路径,但它不起作用。

以下是错误消息:

 ERROR  Failed to compile with 1 errors                                                      14:35:04

 error  in ./src/assets/style/index.less

Module build failed:

// load the styles
var content = require("!!../../../node_modules/css-loader/index.js?{\"minimize\":false,\"sourceMap\":
false}!../../../node_modules/less-loader/dist/cjs.js?{\"sourceMap\":false}!./index.less");
          ^
Unrecognised input
      in /Users/yungcho/myWork/vo_reconstraction_front/src/assets/style/index.less (line 4, column 12)

 @ ./src/assets/style/index.less 4:14-285 18:2-22:4 19:20-291
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

这是index.less

@import './variable.less';
@import './base.less';

webpack.base.conf.js

{
   test: /\.less/,
   use: [
      'style-loader',
      'css-loader',
      'less-loader'
    ]
}

如果你能给我一些建议,我很感激

1 个答案:

答案 0 :(得分:0)

我已经解决了这个问题。我使用vue-cli并且它已被配置为支持较少。如果webpack中有两次设置到一个插件,则会抛出此错误。因此,您只需安装较少的&&少装载机

npm i less less-loader -D