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

发布于 2022-09-04 15:34:22 字数 806 浏览 15 评论 0

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';

先感谢大家的解答了!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

匿名。 2022-09-11 15:34:22

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文