錯誤是這樣發(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)載,煩請注明出處,謝謝!
新聞熱點
疑難解答
圖片精選