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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
原生js实现打字动画游戏
Feb 04 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
Vue瀑布流插件的使用示例
Sep 19 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 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
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
心扬JS分页函数代码
2010/09/10 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
jquery新的绑定事件机制on方法的使用方法
2014/04/15 Javascript
初始Nodejs
2014/11/08 NodeJs
AngularJs根据访问的页面动态加载Controller的解决方案
2015/02/04 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
jQuery提示框插件SweetAlert用法分析
2019/08/05 jQuery
如何基于jQuery实现五角星评分
2020/09/02 jQuery
javascript前端实现多视频上传
2020/12/13 Javascript
Python常用模块介绍
2014/11/21 Python
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
Python实现简易Web爬虫详解
2018/01/03 Python
python 利用for循环 保存多个图像或者文件的实例
2018/11/09 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
医院护士的求职信
2014/01/03 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
高三家长寄语
2014/04/03 职场文书
小小商店教学反思
2014/04/27 职场文书
职工小家建设活动方案
2014/08/25 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书