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经典效果集锦
Jul 06 Javascript
javascript基本类型详解
Nov 28 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
js比较日期大小的方法
May 12 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
Jun 01 Javascript
如何利用JSHint减少JavaScript的错误
Aug 23 Javascript
canvas绘制多边形
Feb 24 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 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
一些花式咖啡的配方
2021/03/03 冲泡冲煮
用PHP的ob_start();控制您的浏览器cache!
2006/11/25 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
Yii2中DropDownList简单用法示例
2016/07/18 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
JTrackBar水平拖动效果
2007/07/15 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
2014/02/12 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
Javascript的无new构建实例详解
2016/05/15 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
React学习笔记之条件渲染(一)
2017/07/02 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
[05:49]2014DOTA2TI4正赛第二日综述 昔日冠军纷纷落马 VG LGD占尽先机
2014/07/20 DOTA
Python中的ConfigParser模块使用详解
2015/05/04 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
django数据库migrate失败的解决方法解析
2018/02/08 Python
Python和Go语言的区别总结
2019/02/20 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
Python简易版停车管理系统
2019/08/12 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
pyqt5 QlistView列表显示的实现示例
2020/03/24 Python
Python如何将函数值赋给变量
2020/04/28 Python
Python urllib.request对象案例解析
2020/05/11 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
文秘个人求职信范文
2014/04/22 职场文书
科技工作者先进事迹
2014/08/16 职场文书
公司保密管理制度
2015/08/04 职场文书