vue常见报错信息处理

以下均是我在做vue项目中常见且容易遇到过的问题，大部分问题根据此经验都可以解决

1.浏览器界面提示服务器拒绝了你的请求

解决方法：绝大部分原因是服务器端口被占用了，去config—index.js下修改端口号

2.提示找不到stylus，当我们使用了stylus，但是却没有安装依赖就会提示该信息

解决方法，在你所在的项目目录中，输入：npm install stylus  --save-dev     npm install stylus-loader  --save-dev

3.报错Unknown custom element: <router-link> - did you register the component correctly?

解决：没有引入路由，一般是路径写错

4.热更新报错 log.error('[WDS] Errors while compiling. Reload prevented.')

WDS其实是webpack-dev-serverwebpack的意思，用来实现自动刷新的。但你在Vue组件进行频繁刷新时，如果没有安装Webpack，虽然页面可以正常显示，但是控制台会在你每次刷新时就报错。

解决：在开发目录下安装Webpack，命令为npm install webpack-dev-server --save-dev即可，安装完成之后会在node_modules/bin下找到。此时重新打开工程，命令为：npm run dev，即可解决热更新报错问题。

5. Error in render: “TypeError: Cannot read property ‘food’ of undefined”

解决：在data中未定义该字段，或者写错

6."TypeError: Cannot read property 'forEach' of undefined"

解决方法：我们操作dom的时候，因为获得的dom对象都是伪数组，所以不具备数组的方法，此时使用数组的方法就会报错，可以使用apply或这call

7.好多特别难调的bug，多大是你多写了符号或少写符号，写错了方法拼写错误等，所以写完后一定要检查，打开eslint是个好习惯