well,饿了么笔记第一篇,先说个废话,网上的视频基本都是落后版本的vue讲解的,很多东西按着老板本写会报一堆的错误,毕竟vue目前版本迭代更快,所以苦逼的看着老版本,写新版本vue。唯一的好处就是你可以趁此理解vue不同版本带来哪些更新,其他全是X疼的郁闷。
下面是我遇到的错误:
1、提示 These relative modules were not found: ./font/sell-icon.eot..
找不到模块的路径,后来看了下styl文件,发现原来是项目内的路径没有改,自动生成文件时,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,等大神解疑