以下均是我在做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是个好习惯

Logo

前往低代码交流专区

更多推荐