老师，这里vetur报错是为什么呢

源自：项目：仿京东到家首页开发 2-6 首页组件的合理拆分

收起

1回答

好帮手慕慕子 2022-09-04 10:17:36

同学你好，从截图看，猜测home是空文件夹，Home.vue在views文件夹下，而不是home文件夹下，示例：

所以引入Home.vue文件的路径书写有误导致的报错。

建议同学将Home.vue文件移动到home文件夹下再测试。

另外，可以调整下vscode的配置，调整空文件夹的显示方式，更方便查看，打开VSCode的设置页，在设置页面搜索 Compact Folders，把这项勾选掉，就可以了。示例：

祝学习愉快~

提问者困惑小张 #1

老师， Home.vue文件是在home文件夹下的，
"Already included file name 'd:/projectpra/jingdong/src/views/home/Home.vue' differs from file name 'd:/projectpra/jingdong/src/views/home/home.vue' only in casing.
The file is in the program because:\n Imported via './views/home/Home.vue' from file 'd:/projectpra/jingdong/src/App.vue'\n
Root file specified for compilation\n
Root file specified for compilation"
好像是因为home和Home名字仅仅是大小写不同，因此vue中会识别有两个相同的文件名导致的，后面我把Home的后缀.vue删除就没有报错了，但是具体的原理是不是这个就不太明白

2022-09-04 12:55:37
好帮手慕慕子回复提问者困惑小张 #2

同学你好，应该和名称大小写无关，猜测是由于默认会加载后缀名为.vue的文件，所以不推荐书写后缀名，去掉就可以了。祝学习愉快~

2022-09-04 13:09:02