首页 > 建站教程 > 编辑器、IDE >  vscode报错Already included file name 'xxx' differs from file name 'xxx' only in casing的解决方法正文

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

场景:我们创建了一个文件是小写开头的,又改成大写开头的。


比如: relationDemo.vue 改成 RelationDemo.vue,此时就可能会出现这个报错。


原因:vscode 缓存的判重逻辑是不区分大小写导致的。在这种情况下,vscode 缓存中放的是 relationDemo.vue,改了大小写后,vscode 试图把 RelationDemo.vue 文件放进缓存是,判别到重复了,就会提示错误:

Already included file name 'RelationDemo.vue' differs from file name 'relationDemo.vue' only in casing


解决方法:


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

2、把大小写改回来

3、改成别的名字

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


本文转载自简书博主乐宝呗的博文,链接:https://www.jianshu.com/p/0b74921ef07d