vue引入组件路径报错“Already included file name ”

最新推荐文章于 2025-03-02 00:42:53 发布
最新推荐文章于 2025-03-02 00:42:53 发布
阅读量1w 收藏 9
点赞数 12
文章标签： vue vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_63477273/article/details/129121813
版权

vue进入组件时组件路径报错，报错信息Already included file name

原因：更名时只改变了大小写

解决方案：

  1. 引入时路径不添加.vue后缀

  1. 修改为其他名字（仅改变字母大小写无效），若需要保留原名，重启vscode后再改回来

Luuuu_uu
关注
踩坑记19 element-plus 根据视口尺寸隐藏元素 | vue3 v-model props emit 二次封装el组件 | vite import 路径 Vetur报错
Alloom的博客
09-03 1183
2021.9.3 坑61（element-plus、根据视口尺寸隐藏元素）：文档要求引入文件import 'element-plus/lib/theme-chalk/display.css'，其中地址错误，查看包文件结构后，确认地址应该为： import 'element-plus/theme-chalk/display.css'; 地址改变的原因是element-plus更新到1.1.0-beta.1版本的时候的变化。详细见：Breaking changes made in 1.1.0-bet..
解决vue引入组件路径报错“Already included file name ”
qq_45761438的博客
10-22 1346
Already included file name 'e:/新建文件夹/test1/src/components/TestVue3.vue' differs from file name 'e:/新建文件夹/test1/src/components/Testvue3.vue' only in casing.这个错误信息表明你的项目中存在两个文件名仅在大小写上有所不同的文件。在某些文件系统（如Windows）中，文件名是不区分大小写的，因此它无法区分和这两个文件。
Already included file name ‘路径/XXX.vue‘
qq_66970557的博客
09-23 562
Already included file name
vue提示Already included file name
m0_53141446的博客
03-02 448
只导入一次vue文件却提示重复，仅大小写不同，解决如下，去掉vue后缀。
Already included file name XXXX的解决方案
qq_52477159的博客
12-20 2919
Already included file name '组件的路径' differs from file name '组件的路径' only in casing.今天在公司里写代码的时候发现一个.vue文件名称写错了，改完名之后一直报错，但是不影响正常使用，错误信息如下。解决方案：解决方案只要在vscode中按下ctrl+shift+p，然后搜索重新加载即可。Imported via "组件的路径" from file '组件的路径'经过排查之后发现这个问题是因为改了组件名称的原因。
Vue 报错： Already included file name ‘××ב differs from file name ‘××ב only in casing.但引入路径是正确的
weixin_42343966的博客
10-11 5542
vue提示Already included file name '.../components/TagsView.vue' differs from file name。明明引入的文件名和地址都是正确的，但是还是报错误。把文件名的后缀vue去掉。把路径前面的点改成@
报错：Already included file name '/Users/jinshengbo/Desktop/Projects/Web/vue/myspace/src/components/UserProfileInfo.vue' differs from file name '/Users/jinshengbo/Desktop/Projects/Web/vue/myspace/src/components/UserProfileinfo.vue' only in casing. The file is in the program because: Imported via '../components/UserProfileInfo.vue' from file '/Users/jinshengbo/Desktop/Projects/Web/vue/myspace/src/views/UserProfileView.vue' Root file specified for compilation Root file specified for compilationVetur(1261)
07-15
在你的项目中，文件名为`UserProfileInfo.vue`，而在引入该文件的地方，文件名却写成了`UserProfileinfo.vue`，大小写不匹配导致报错。 要解决这个问题，你需要在引入该文件的地方修改文件名为正确的大小写，即`...
Already included file name 'd:/code/learnvue/vue_test/src/components/School.vue' differs from file name 'd:/code/learnvue/vue_test/src/components/school.vue' only in casing. The file is in the program because: Imported via './components/School.vue' from file 'd:/code/learnvue/vue_test/src/App.vue' Root file specified for compilation Root file specified for compilation
07-08
错误信息显示，文件名为'd:/code/learnvue/vue_test/src/components/School.vue'与'd:/code/learnvue/vue_test/src/components/school.vue'的大小写不同。 在这个程序中，文件被包含进来的原因有三个： 1. 从'd:/...
[{ "resource": "/d:/迅雷下载/前端学习/CODE/Vue3-ds/src/views/article/ArticleChannel.vue", "owner": "_generated_diagnostic_collection_name_#3", "code": "1261", "severity": 8, "message": "Already included file name 'd:/迅雷下载/前端学习/CODE/Vue3-ds/src/views/article/components/ChannelEdit.vue' differs from file name 'd:/迅雷下载/前端学习/CODE/Vue3-ds/src/views/article/components/channelEdit.vue' only in casing.\n The file is in the program because:\n Imported via './components/ChannelEdit.vue' from file 'd:/迅雷下载/前端学习/CODE/Vue3-ds/src/views/article/ArticleChannel.vue'\n Root file specified for compilation\n Root file specified for compilation", "source": "Vetur", "startLineNumber": 5, "startColumn": 25, "endLineNumber": 5, "endColumn": 55 }]
最新发布
04-25
在 Vue 开发过程中，当遇到 `Already included file name 'xxx' differs from file name 'xxx' only in casing` 的错误时，通常是由于文件系统的大小写敏感性和开发环境之间的差异引起的。具体到当前场景中，以下是...
vue引入海图
03-19
当尝试加载外部资源时可能会碰到类似于“Already included file name”的错误提示。这通常是由于重复包含了相同的脚本文件所引起的冲突问题。为了避免此类情况发生，请确认整个工程里只存在唯一一处有效引用该第三方...
Vue报错Already included file name ‘xxx‘ differs from file name ‘xxx‘ only in casing
weixin_47495673的博客
02-20 1101
原因：通常是因为修改了.vue文件名称，例如将login.vue改成Login.vue，缓存中放的是login.vue，修改文件名称后npm试图把Login.vue文件放进缓存时，判别重复，再次引入组件时还会报错。例如，先把longin.vue改成login1.vue，重启VSCode，再把login1.vue改成Login.vue。将import Login from '@/views/Login.vue'去掉.vue后缀名。先在VSCode改成别的名字，重启VSCode，再改成原来想改的名字。
Already included file name
热门推荐
qq_41654729的博客
06-12 1万+
Already included file name ‘c:/Users/Administrator/Desktop/test/src/components/detailList.vue’ differs from file name ‘c:/Users/Administrator/Desktop/test/src/components/detaillist.vue’ only in casing. The file is in the program because: Imported via ‘…/c
[前端bug词典]Already included file name ‘文件路径‘
belloc_li的博客
04-13 7062
vsCode中写vue项目出现的已包含文件名报错问题
Already included file name .......
qq_42967540的博客
03-28 3180
vue项目修改.vue的文件名之后会发生引入文件时报错 类似于这样 解决办法： 快捷键：Ctrl + shift + P，打开：“命令面板”，输入：重新加载 详情请见：Already included file name。。。。。Root file specified for compilation - 静以修身俭以养德 - 博客园 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值