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';
先感谢大家的解答了!
样式引入有问题有如下几种情况:
1、是路径不对
2、是样式里面少了标点符号什么的
3、还有一个有可能就是使用了less变量但是没引入
4、vue-cli构建的配置一般不会有问题
5、如果是自己配置的,有可能是版本问题