vue项目引入组件的路径报错Already included file name...的解决方法

vue项目引入组件的路径报错 Already included file name 'xxx' differs from file name 'xxx' only in casing的解决方法

一、场景：
我们创建了一个文件是小写开头的，又改成大写开头的。比如：articleinfo.vue 改成 ArticleInfo.vue

二、原因： 缓存的判重逻辑是不区分大小写导致的。在这种情况下，vscode缓存中放的是ArticleInfo.vue，改了大小写后，vscode试图把articleinfo.vue文件放进缓存是，判别到重复了，就会提示错误：Already included file name 'ArticleInfo.vue' differs from file name 'articleinfo.vue' only in casing

三、解决方法：四种，推荐第一种

1、引入vue文件时去掉后缀.vue。 比如 import ArticleInfo from '@/components/article/ArticleInfo'

2、把大小写改回来

3、改成别的名字

4、在保持名字不变的情况下：先在vscode中改成别的名字，重启vscode，再改成原来想改的名字。比如：先把RelationDemo.vue 改成 RelationDemo1.vue,重启vscode，再把RelationDemo1.vue 改成 RelationDemo.vue

总结：虽然只是一个小小的问题，但是一直爆红很难受，记录下来，积少成多。努力~！