vue component 中引入less文件报错 Module build failed

来源：懂视网责编：小采时间：2020-11-27 21:58:33

vue component 中引入less文件报错 Module build failed

vue component 中引入less文件报错 Module build failed:错误是这样发生的： //在vue component组件中引入less文件 <style lang=less> @import '@/assets/css/public/layout.less'; </style> 然后就报错了: Module build failed: @import '@/assets/

推荐度：

点击下载本文 文档为doc格式

导读vue component 中引入less文件报错 Module build failed:错误是这样发生的： //在vue component组件中引入less文件 <style lang=less> @import '@/assets/css/public/layout.less'; </style> 然后就报错了: Module build failed: @import '@/assets/

错误是这样发生的：

//在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,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

vue component 中引入less文件报错 Module build failed

推荐度：

点击下载本文 文档为doc格式

标签： VUE 错误 failed

热门焦点

vue component 中引入less文件报错 Module build failed

vue component 中引入less文件报错 Module build failed

vue component 中引入less文件报错 Module build failed

最新推荐

猜你喜欢

热门推荐