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  THIS详解 面向对象
Mar 25 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
js动态改变select选择变更option的index值示例
Jul 10 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
python实现迭代法求方程组的根过程解析
Nov 25 Javascript
js+cavans实现图片滑块验证
Sep 29 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中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
javascript RadioButtonList获取选中值
2009/04/09 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python模块包中__init__.py文件功能分析
2016/06/14 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
Python socket非阻塞模块应用示例
2019/09/12 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
皮肤科医师岗位职责
2013/12/04 职场文书
2014年教师培训的自我评价
2014/01/03 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
网站文案策划岗位职责
2015/04/14 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android