Vue2报错Already included file name 'xxx' differs from file name 'xxx' only in casing的解决方法

首页 / BUG汇总 / 正文

这个报错是我在学习Vue2的时候遇到的,问题是因为改了个组件的名字(就改了个首字母大写),但路径也是响应的改成首字母大写了,奇怪的是依然有报错,却不影响运行。

1.png

问题产生的原因

通过翻译知道这个报错的大概:已包含的文件名“xxx”仅在大小写上与文件名“xxx”不同,但这样貌似还是很不理解,于是我又百度了一番。

原来是因为VScode内部缓存有一个判断机制,但缓存的判重逻辑是不区分大小写的,所以一般是改了文件名的大小写导致的错误。

解决办法

1、知道问题原因后最简单的办法就是把名字改回去或者改个其他的名字。

2、去掉.vue后缀名,由webpack自动按照查找逻辑去寻找。

3、其实缓存问题重启VScode就可以了,重启之后之前的那个单词的缓存就变成你写的那个了。

评论区
头像