錯誤是這樣發(fā)生的：

//在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)   ...   ...   ...

作為一個初學(xué)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>

終于，天下太平了

總結(jié)

以上所述是小編給大家介紹的vue component 中引入less文件報錯 Module build failed,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對錯新站長站網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！