2018-06-20 饿了么demo自学笔记

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，等大神解疑