vue-cli安装了less、less-loader,all.less引入(@import)less文件时,编译报错

vue-cli(最新)安装了less、less-loader(devDependencies),
main.js import all.less,
all.less(@import)其他less文件时,
编译报错

[HMR] bundle has 1 errors
 ./~/.0.26.1@css-loader?{"minimize":false,"sourceMap":false}!./~/less-loader?{"sourceMap":false}!./src/style/all.less
Module build failed: Can't resolve './common/reset.less' in 'D:\gitsource\github\vue-cnode\src\style'
 @ D:\gitsource\github\vue-cnode\src\style\all.less (line 25, column 0)
 near lines:
   
   @import 'common/reset.less';
   
 @ ./src/style/all.less 4:14-144 13:3-17:5 14:22-152
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

注释不引用(@import)则不报错

all.less
@import 'common/reset.less';
main.js
// 引入样式
import 'URL_style/all.less';

先感谢大家的解答了!

阅读 12.2k
1 个回答

样式引入有问题有如下几种情况:
1、是路径不对
2、是样式里面少了标点符号什么的
3、还有一个有可能就是使用了less变量但是没引入
4、vue-cli构建的配置一般不会有问题
5、如果是自己配置的,有可能是版本问题