well芯丧,餓了么筆記第一篇腔彰,先說個廢話叫编,網(wǎng)上的視頻基本都是落后版本的vue講解的,很多東西按著老板本寫會報一堆的錯誤霹抛,畢竟vue目前版本迭代更快搓逾,所以苦逼的看著老版本,寫新版本vue杯拐。唯一的好處就是你可以趁此理解vue不同版本帶來哪些更新霞篡,其他全是X疼的郁悶。
下面是我遇到的錯誤:
1端逼、提示 These relative modules were not found: ./font/sell-icon.eot..
找不到模塊的路徑朗兵,后來看了下styl文件,發(fā)現(xiàn)原來是項目內(nèi)的路徑?jīng)]有改顶滩,自動生成文件時余掖,icon.styl中路徑默認為:
@font-face
? font-family: 'sell-icon'
? src:? url('fonts/sell-icon.eot?cyjr9g')
? src:? url('fonts/sell-icon.eot?cyjr9g#iefix') format('embedded-opentype'),
? ? url('fonts/sell-icon.ttf?cyjr9g') format('truetype'),
? ? url('fonts/sell-icon.woff?cyjr9g') format('woff'),
? ? url('fonts/sell-icon.svg?cyjr9g#sell-icon') format('svg')
在此做下修改:在fonts前面加上"../",修改路徑:
@font-face
? font-family: 'sell-icon'
? src:? url('../fonts/sell-icon.eot?cyjr9g')
? src:? url('../fonts/sell-icon.eot?cyjr9g#iefix') format('embedded-opentype'),
? ? url('../fonts/sell-icon.ttf?cyjr9g') format('truetype'),
? ? url('../fonts/sell-icon.woff?cyjr9g') format('woff'),
? ? url('../fonts/sell-icon.svg?cyjr9g#sell-icon') format('svg')
改成這樣,保存重新運行礁鲁,問題解決盐欺!
2、相信這段代碼大家都見過:
const router = new VueRouter({
? routes, // (縮寫)相當于 routes: routes
? linkActiveClass: 'active'
});
// 頁面加載自動導航到goods頁面
router.push('/goods');
編寫過程中一度陷入危機仅醇,而且會報錯bue.esm.js中的一些代碼冗美,很暈。后來對照了demo着憨,把touters改成router墩衙,problem resolved......,don't know why甲抖,等大神解疑