场景:我们创建了一个文件是小写开头的,又改成大写开头的。
比如: 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