vue component 中引入less文件报错 Module build failed


Posted in Javascript onApril 17, 2019

错误是这样发生的:

//在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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
Javascript中常用类型的格式化方法小结
Dec 26 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
vue 组件高级用法实例详解
Apr 11 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
javascript实现雪花飘落效果
Aug 19 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 Javascript
Vue项目路由刷新的实现代码
Apr 17 #Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 #Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 #Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 #Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 #Javascript
在Vue项目中使用snapshot测试的具体使用
Apr 16 #Javascript
vue.js中使用echarts实现数据动态刷新功能
Apr 16 #Javascript
You might like
php中的数组操作函数整理
2008/08/18 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
PHPMailer发送HTML内容、带附件的邮件实例
2014/07/01 PHP
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
js 3种归并操作的实例代码
2013/10/30 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
利用js实现禁止复制文本信息
2015/06/03 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
vue-dialog的弹出层组件
2020/05/25 Javascript
js自定义Tab选项卡效果
2017/06/05 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
python实现给字典添加条目的方法
2014/09/25 Python
python魔法方法-属性转换和类的表示详解
2016/07/22 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
windows上彻底删除jupyter notebook的实现
2020/04/13 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
美国购买舞会礼服网站:Couture Candy
2019/12/29 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
护理专业自我鉴定
2014/01/30 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
2014年库房工作总结
2014/11/26 职场文书
天下第一关导游词
2015/02/06 职场文书
2014年底个人工作总结
2015/03/10 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js