vue报错Failed to mount component

古城微笑少年丶 2023-07-01 08:39 91阅读 0赞

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

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

20200120105326752.png

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

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

2020012010561820.png

在查看 goods目录下的文件:

20200120105740328.png

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

20200120105951673.png

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

发表评论

表情:
评论列表 (有 0 条评论,91人围观)

还没有评论,来说两句吧...

相关阅读