Vue 引入路径正确的，但一直报错： Already included file name ‘××ב differs from file name ‘××ב only in casing.

最新推荐文章于 2024-05-29 18:24:20 发布
最新推荐文章于 2024-05-29 18:24:20 发布
阅读量3w 收藏 62
点赞数 70
分类专栏： vue 文章标签： node.js reactjs vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/estrusKing/article/details/118228252
版权

Vue 引入路径 import ××× from ‘×××’ 报错
引入的文件名和地址都是正确的，但是还是报错误
Already included file name ‘×××’ differs from file name ‘×××’ only in casing.

在这里插入图片描述

这时候我们只要把文件名的后缀vue去掉就好了
解决方案

解决方式一：把文件名的后缀vue去掉就好了

在这里插入图片描述

解决方式二：把路径前面的点改成@

在这里插入图片描述

路径作用
. /当前文件同级目录
. . /当前文件上一级目录
@在引入模块时，可以使用 @ 代替 /src 目录，指相对路径
半生过往
关注
  • 70
    点赞
  • 踩
  • 62
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 24
    评论
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Already included file name XXXX的解决方案
qq_52477159的博客
12-20 1715
Already included file name '组件的路径' differs from file name '组件的路径' only in casing.今天在公司里写代码的时候发现一个.vue文件名称写错了，改完名之后一直报错，但是不影响正常使用，错误信息如下。解决方案：解决方案只要在vscode中按下ctrl+shift+p，然后搜索重新加载即可。Imported via "组件的路径" from file '组件的路径'经过排查之后发现这个问题是因为改了组件名称的原因。
vue-cli bug
wyh666csdn的博客
08-08 1098
Vue 引入路径 import ××× from ‘×××’ 报错 引入的文件名和地址都是正确的，但是还是报错误 Already included file name ‘×××’ differs from file name ‘×××’ only in casing. 这时候我们只要把文件名的后缀vue去掉就好了 解决方案 解决方式一：把文件名的后缀vue去掉就好了 解决方式二：把路径前面的点改成@ 路径 作用 . / 当前文件同级目录 . . / 当前文件上一级目录 @ 在引入模块时，可以使用 @ 代
File name ‘xxxx‘ differs from already included file name ‘xxxx‘ only in casing.
最新发布
meis27461的博客
05-29 371
看报错信息，很好，又到了考验英语水平的时候了，这个报错信息里卖弄的路径太长了，我来简化一下。我刚刚确实把Info.vue不小心命名成了INfo.vue，但是改过来了，还是报这个错。文件名Info.vue和早已存在的INfo.vue文件的唯一区别就是大小写。八成是VSCode编辑器本身的问题，直接重启大法。很好，这样就清晰很多了，这里说了。
vscode报错Already included file name ‘xxx‘ differs from file name ‘xxx‘ only in casing的解决方法：
lotpyve的博客
09-09 1597
作者：乐宝呗 链接：https://www.jianshu.com/p/0b74921ef07d 来源：简书。
关于Vue引用组件时地址报错Already included file name ‘xxx‘ differs from file name ‘xxx‘ only in casing的原因
weixin_44240448的博客
06-02 373
vscode存在缓存问题，同名的地址无论大小写都会判断为重名。此时只需重启vscode即可，不需要修改地址。（只适用于确定引用没问题，但是vscode报错的情况）或者，不想重启也行，把.vue删掉就行。
【Vue】 错误：Already included file name ‘××ב differs from file name ‘××ב only in casing的解决方法
【敦厚的曹操】的专栏
06-13 1604
【Vue】 错误：Already included file name ‘××ב differs from file name ‘××ב only in casing的解决方法
vue走过的坑
webhhhhhh的博客
08-03 1515
vue走过的坑 1.用vscode 编辑器vue-cli引入组件的时候报错 报错提示： Already included file name ‘d:/newGZ-VUE/my-newgz/src/components/Footer.vue’ differs from file name ‘d:/newGZ-VUE/my-newgz/src/components/footer.vue’ only in casing. The file is in the program because: Root file
Vue 报错： Already included file name ‘××ב differs from file name ‘××ב only in casing.但引入路径是正确的
weixin_42343966的博客
10-11 5196
vue提示Already included file name '.../components/TagsView.vue' differs from file name。明明引入的文件名和地址都是正确的，但是还是报错误。把文件名的后缀vue去掉。把路径前面的点改成@
引入组件vue可以正常解析，vscode 报错
宝码香车的博客
02-13 3286
引入组件vue可以正常解析，vscode 报错
Already included file name
shuux666的博客
03-08 4105
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 ‘…/co
Vue报错Already included file name ‘xxx‘ differs from file name ‘xxx‘ only in casing
weixin_47495673的博客
02-20 586
原因：通常是因为修改了.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，再改成原来想改的名字。
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
vue-file-toolbar-menu:Vue应用程序的UI文件工具栏菜单
05-06
特征 :rocket: React性内容存储在Vue.js计算/数据字段中，而不是模板中 造型简单 为菜单和按钮添加自己的自定义组件 使用标准的 热键支持 ...import VueFileToolbarMenu from ' vue-file-toolbar-menu '
解决vue 引入子组件报错的问题
10-18
在Vue.js开发过程中，我们经常会遇到引入子组件时出现错误的情况。这主要是由于不正确的组件注册或使用方式导致的。本文将深入探讨这个问题，并提供一个具体的解决方案。 首先，我们需要了解Vue中的组件系统。Vue...
error
weixin_46657567的博客
10-24 82
Vue 引入路径正确的，但一直报错： Already included file name ‘××ב differs from file name ‘××ב only in casing. 解决方式一：把文件名的后缀vue去掉就好了， 解决方式二：把路径前面的点改成@ 路径 作用 . / 当前文件同级目录 . . / 当前文件上一级目录 @ 在引入模块时，可以使用 @ 代替 /src 目录，指相对路径 ...
Already included file name ‘xxx.vue‘ differs from file name ‘xxx.vue‘ only in casing. The file is.
first_shun的博客
09-14 3870
Already included file name 'd:/workspace//BodyTagNoteSet.vue' differs from file name 'd:/workspace/BodytagNoteSet.vue' only in casing. The file is in the program because: Imported via "./customForm/BodyTagNoteSet.vue" from file 'd:/workspace/CustomAnesForm
IDEA项目无法引用本地Class类，引用路径正确但报错标红
热门推荐
linzi19900517的博客
10-24 1万+
IDEA 无法引用Class问题
报错：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`，大小写不匹配导致报错。 要解决这个问题，你需要在引入该文件的地方修改文件名为正确的大小写，即`UserProfileInfo.vue`。请检查`UserProfileView.vue`文件中的引入语句，并确保文件名大小写完全匹配。 另外，还要注意在其他地方使用该组件的时候，也要使用正确的文件名大小写。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 24
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半生过往

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值