vue component 中引入less文件報錯 Module build failed

錯誤是這樣發生的：

//在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,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com