vue错误解决

(1)npm run dev显示端口被占用
listen EADDRINUSE :::8080

去到搭建环境中的config目录下的index.js找到dev,进行端口修改,再cnpm run dev

image.png

上面的方法还是太繁琐且恶心,就是端口占用,杀死端口就解决

(2)模板应被div包裹起来
image.png
image.png

(3)不要使用html内置标签来定义组件
image.png
(4)

函数名错误,错误被调用


image.png
(6)
image.png

使用了data中未定义的变量

(7)

错误原因:Dom还没渲染就去用document获取


image.png

加定时器解决

(8)data函数必须返回一个对象
image.png

如果没写,不仅会报错,还会导致路由不能正常跳转回来


image.png
(10)当你在2.5以前的版本使用2.0以后的elementui

会报莫名其妙的错误,比如按钮不能正常加载


image.png

问题也不大,但是如果你知道解决办法,你可以找一天错误
问题就是vue跟vue-template-compiler的版本太低


(12)在计算属性中使用axios方法进行数据请求会导致返回结果一直刷新的死循环?(改用方法,created时调用)

(13)关于axios返回数据获取
image.png

res.data[0].token


(14)
image.png

(15)调用栈超出
image.png
data()
image.png

data需要被定义为一个函数返回对象


image.png
(16)
image.png
(17)
image.png
(18)
image.png
(19)
image.png

函数名写错,检查函数名称


(20)引用网络图片403

(21)
image.png

什么地方某部分重复了

(22)router.beforeEach()的堆栈超出错误,需要判断是否重复进入当前路由,形成了死循环
(23)写了路由但是没显示

一定要去看看是否写了router-view

(24)vue-cli的style中引入背景图

背景图地址不能用绝对地址,需要使用相对地址


image.png
(25)vue的内存泄漏

内存泄漏在 Vue 应用中通常不是来自 Vue 自身的,更多地发生于把其它库集成到应用中的时候。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 h...
    JinkeyAI阅读 425,857评论 152 921
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,893评论 19 139
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,553评论 7 35
  • 最近出差各种忙,很久没画了。 临摹了副凤尾花, 练习线条和笔触。 还是得坚持呀!!!
    小菁老师阅读 3,638评论 3 4
  • 爱有许多的体现方式,一种是默默付出,另一种是长情陪伴,但是放手也不失为一种方式。 2017年8月6号 周天 天...
    四张纸阅读 3,823评论 6 3

友情链接更多精彩内容