使用 vue-cli 编译失败

Question

我在 main.js 中导入较少，但 webpack 编译 failed.I 不理解此错误消息。以为是路径问题，试了绝对路径和相对路径，都不行。

这是错误信息：

 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'
    ]
}

如果你能给我一些建议，我将不胜感激

Answer 1

我已经解决了这个问题。我用的是vue-cli，它已经配置为less support.If webpack中有两次设置一个插件，这个错误将是throwed.so 你只是安装less && less-loader

npm i less less-loader -D

使用 vue-cli 编译失败

less compiled failed with vue-cli

less

webpack

vue-cli