相思资源网 Design By www.200059.com

错误是这样发生的:

//在vue component组件中引入less文件
<style lang="less">
 @import '@/assets/css/public/layout.less';
</style>

然后就报错了:

Module build failed:
@import '@/assets/css/public/layout.less';
^
Can't resolve './@/assets/css/public/layout.less' in 'D:\mt\src\layout'
   in D:\mt\src\layout\default.vue (line 23, column 0)
   ...
   ...
   ...

作为一个初学vue是菜鸟,看到这个错误真的是一脸懵逼,死磕了一天,百度了一天,vue是装了卸,卸了装,好想找块豆腐撞死……

然后突然就赶脚哪里不对了

貌似'@/assets/css/public/layout.less'中的@是webpack.base.conf.js针对'.js', '.vue', '.json'中/src目录定义的别名,在less文件中好像不好用

于是……

<style lang="less">
 @import '../assets/css/public/layout.less';
</style>

终于,天下太平了

总结

以上所述是小编给大家介绍的vue component 中引入less文件报错 Module build failed,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

标签:
vue,component,vue,文件报错

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“vue component 中引入less文件报错 Module build failed”

暂无vue component 中引入less文件报错 Module build failed的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。