錯誤是這樣發生的：
//在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,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
新聞熱點
疑難解答
