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 相关文章推荐
由浅到深了解JavaScript类
Sep 08 Javascript
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
学习ExtJS fit布局使用说明
Oct 08 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
JavaScript监听触摸事件代码实例
Dec 30 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 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 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
php include和require的区别深入解析
2013/06/17 PHP
php购物车实现方法
2015/01/03 PHP
PDO::commit讲解
2019/01/27 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
JavaScript中读取和保存文件实例
2014/05/08 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
js验证真实姓名与身份证号,手机号的简单实例
2016/07/18 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
移动端吸顶fixbar的解决方案详解
2019/07/17 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
详解javascript void(0)
2020/07/13 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
Python unittest单元测试框架总结
2018/09/08 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
python实现简单的五子棋游戏
2020/09/01 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
介绍一下Python下range()函数的用法
2013/11/07 面试题
模特职业生涯规划范文
2014/02/26 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
关于学习的演讲稿
2014/05/10 职场文书
法人委托书范本
2014/09/15 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
搞笑婚前保证书
2015/02/28 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
golang用type-switch判断interface的实际存储类型
2022/04/14 Golang