vue报错Failed to mount component

背景: vue项目今天前正常运行,早上打开电脑,并没有编辑代码,直接刷新了下页面。

今日,在运行vue项目时,突然页面出不来,打开控制台,报以下错误:

经过仔细排查后,解决了问题 ,下面分享我解决问题的方法。

 首先,出问题的是Cate页面,其他页面正常,我找到了 定义路由的文件,router/index.js ,查看后发现:

 在查看 goods目录下的文件:

 于是大概明白了产生问题的原因, 为了验证,我将路由文件中的 上述 组件定义改为以下:

 修改完,刷新页面, 发现页面正常显示了。控制台也没有报错了。 所以该问题的原因是  在vue导入文件时,发现目录下存在两个相同的文件,于是就去导入以js结尾的文件,就造成了上述问题。 于是新的问题来了, goods目录下的cate.js 和Cate.vue 是我之前定义的,前几日,两者共存, 路由文件中定义组件时,也是最开始的定义方式,但是并未报错,页面也是正常的加载。我猜测 可能会浏览器缓存所致??

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值