VSCode+Vue3无法找到模块“../components/xxxxx.vue”的声明文件的错误

已于 2024-07-30 15:59:01 修改
阅读量365 收藏
点赞数 3
分类专栏： 前端开发 文章标签： vue vscode 前端
于 2024-07-30 15:44:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/superatom01/article/details/140796806
版权

莫名奇妙的错误

今天用Vue3写个demo，在components下面新建了一个DeviceList.Vue的文件，在HomeView引用它后居然报错，提示：无法找到模块“…/components/DeviceList.vue”的声明文件，真是离了个大谱，文件明明是在的，怎么就报错，搜了一圈发现解决办法都是改几个配置文件，但是对照了一下配置文件都是正确的，没啥问题，百思不得其解。
在这里插入图片描述

错误原因：文件名

尝试过清理缓存、重建项目都没有用，在不经意间修改了文件名，居然不报错了，原来是文件名的问题，“DeviceList”居然也是影响代码检查的关键字，真是有点不可思议。

修改了文件名，好了
在这里插入图片描述

原子星
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Visual Studio Code使用vue3.0的时候因为加了lang=‘ts‘报错
qwer785588的博客
07-22 1989
visual studio code使用vue3.0的时候因为使用比如element的时候会因为加了而导致出错
VSCode 报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
m0_55557411的博客
05-20 6645
VSCode 报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
解决vscode红色波浪线报错：找不到模块“@/views/layout/index.vue”或其相应的类型声明。
qq_38019052的博客
10-16 1191
【代码】解决vscode红色波浪线报错：找不到模块“@/views/layout/index.vue”或其相应的类型声明。
vscode报警告‘找不到模块“vue”或其相应的类型声明‘
m0_46165586的博客
02-28 2555
vscode报警告'找不到模块“vue”或其相应的类型声明'，但是代码是能正常运行起来的。
Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”
qq_43657722的博客
05-22 5524
在使用 Vue 3 开发项目时，遇到“找不到模块 ‘@/components/xxx.vue’ 或其相应的类型声明”的错误是一个常见问题。这通常与 TypeScript 和模块解析相关的配置不当有关。本文将详细介绍如何解决此问题，确保你的项目能够正确识别和导入 Vue 组件。
vscode使用vue动态路由功能加载组件，出现报错找不到vue模块的问题
zjm_hhxx的博客
04-11 870
解决该问题可以在vscode扩展中搜索 TypeScript Vue Plugin (Volar)进行下载，这个扩展可以解决动态路由时找不到vue模块的问题。
vue3项目在vscode中报错Cannot find module ‘@element-plus/icons-vue‘. Did you mean to set the ‘moduleResolut
weixin_52498088的博客
04-02 621
解决方案： 禁用Vetur插件即可，又因为volar已经被更新为vue-official所以在vscode的插件中启用vue-official而且禁用Vetur，然后重启vscode即可。原因是：Vue3 项目对应的是 Volar 插件，记得禁用 Vue2 的 Vetur 插件！
vscode 报 找不到模块“./App.vue”或其相应的类型声明。ts(2307)
稀有动物的探索的专栏
06-16 2274
出现这个报错通常是因为在 TypeScript 中未正确引入 Vue 单文件组件的类型声明。在 TypeScript 中，需要为每个 Vue 组件单文件写一个类型声明文件。
问题解决：vscode 提示【Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’
Jay的博客
07-13 6537
创建Vue3的项目后，vscode红色波浪线提示【Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to add aliases to the ‘paths’ option?抱着试一试的心态，我查看了自己vscode的版本为16.0.0，最新版本为18.0.0。于是我下载了最新的vscode安装包，更新vscode后果然提示语没有了。然而，上面的方法并不能解决我的问题。
vue源码注释系列 /src/module/module.js
qq_36723759的博客
03-15 886
import { forEachValue } from "../util"; // Base data struct for store's module, package with some attribute and method export default class Module { /** * rawModule 就是 { * actions: {}, * state: {}, * mutations: {}, * getters: {}, *
vue3.0 vue.config.js文件的创建
qq_31438581的博客
05-21 997
const path = require("path"); module.exports = { // 基本路径 publicPath: process.env.NODE_ENV === "production" ? "" : "/", // 输出文件目录 outputDir: process.env.NODE_ENV === "production" ? "dist" : "devdist", // eslint-loader 是否在保存的时候检查 lintOnSave: fal.
基于vue-advanced-chat组件自义定聊天（socket.io+vue2）
beekim的博客
12-21 1657
通过上一篇文章我们已经在vue-advanced-chat中替换掉原有的firebase，用socket.io简单的实现了聊天功能。现在需要自义定该组件，改造成我们想要的样子：先将比较重要的几块提取出来。
vue学习笔记（超详细）
jiey0407的博客
03-09 5566
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox类型使用 v-model结合select类型使用 值绑定 修饰符 检测数组更新 计算属性 computed 计算属性setter和getter computed / meth
vscode报错：找不到模块“vue”或其相应的类型声明。ts(2307)
zmy967131的博客
07-27 5358
重点：Ctrl+Shift+P 唤起命令面板，配置 volar 的 typescript版本。
vscode中vite+vue3+TS找不到对应的模块
qq_45083002的博客
06-07 784
vscode中vite项目引入爆红
Vue3+Ts项目中经常遇到导入组件，vscode报无法找到模块xxx，xxx隐式拥有 “any“ 类型解决办法~
最新发布
m0_62626838的博客
08-06 414
例如：(这告诉 TypeScript 所有。的文件（或者类似的名称）。在这个文件中，你可以声明。2、解决办法：在确保路径正确的情况下，你会在。文件都应该被当作 Vue 组件来处理。
vue3 报错解决：找不到模块或其相应的类型声明。
热门推荐
weixin_51828648的博客
02-21 1万+
【代码】vue3 报错解决：找不到模块或其相应的类型声明。
vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
hfwangyl的博客
10-12 8249
4、点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。2、输入 built，然后选择“Extensions：Show Built-in Extensions”。5、重新加载工作空间。3、在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
import login from '../../components/login.vue';
09-13
你可以使用以下代码来引用'../../components/login.vue': ```javascript import login from '../../components/login.vue'; ``` 这行代码会从当前文件所在的目录向上两级，然后再进入'components'文件夹，最后找到'login.vue'文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

原子星

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

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

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

打赏作者

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

抵扣说明：

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

余额充值