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 相关文章推荐
jquery方法+js一般方法+js面向对象方法实现拖拽效果
Aug 30 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
jq实现酷炫的鼠标经过图片翻滚效果
Mar 12 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
Apr 28 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 Javascript
如何提升vue.js中大型数据的性能
Jun 21 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
vue - props 声明数组和对象操作
Jul 30 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
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函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
jquery each()源代码
2011/02/14 Javascript
IE6 fixed的完美解决方案
2011/03/31 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
jQuery实现textarea自动增长宽高的方法
2015/12/18 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
[43:49]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
浅谈Python中的数据类型
2015/05/05 Python
python中threading超线程用法实例分析
2015/05/16 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
关于Numpy数据类型对象(dtype)使用详解
2019/11/27 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
如何以Winsows Service方式运行JupyterLab
2020/08/30 Python
python自动生成证件号的方法示例
2021/01/14 Python
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
自动化专业个人求职信范文
2013/12/30 职场文书
信息管理应届生求职信
2014/03/07 职场文书
丧事主持词大全
2014/04/02 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书
红高粱观后感
2015/06/10 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书