【已解决】Vue 3+TS项目，无法找到模块“XXX”的声明文件

已于 2022-10-25 10:12:47 修改
阅读量4.4k 收藏
点赞数 9
文章标签： vue.js 前端 prototype
于 2022-10-12 17:00:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Breeze_zhao/article/details/127286165
版权

最近在做vue 3 + TS项目，创建项目时需要引入vue-router 4，在main根文件中引入路由时出现了无法找到引入文件的报错。
在这里插入图片描述

最后发现是创建router文件中的index文件时错误的创建为了.js文件，但是在创建框架时默认使用的是TS。将文件类型改为.ts文件后正常。

在这里插入图片描述
完结~

大亦奕
关注
  • 9
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vuex-module-decorators：TypeScriptES7装饰器，用于以声明方式创建Vuex模块
02-06
Vuex模块装饰器 详细指南： ： Typescript / ES7装饰器使Vuex模块变得轻而易举 赞助人 虽然我有一份日常工作，而且我确实会维护开放源代码库的乐趣，但是任何赞助商都非常感谢他们的贡献，而且还有很长的路要走 :smiling_face_with_halo: :red_heart_selector: 更新日志 v0.9.7中存在主要的类型检查更改（可能会中断） 0.8.0中有重大用法改进（不向后兼容） 请检查 例子 阅读自述文件的其余部分以了解如何使用，或者，如果您愿意跳入生产代码库并查看其用法，则可以签出- 安装 npm install -D vuex-module-decorators 通天塔6/7 注意对于vue-cli@3项目这不
vue+ts报错解决：无法找到模块“xxx.vue“的声明文件xxx隐式拥有any类型
qq_65537235的博客
03-18 330
解决方式：在src下面创建一个xxx.d.ts类型文件并复制下面代码即可 declare module '*.vue' { import { ComponentOptions } from 'vue' const componentOptions: ComponentOptions export default componentOptions }
无法找到模块“@wangeditor/editor-for-vue”的声明文件
最新发布
w1314_1314的博客
07-10 467
vue3项目中使用wangeditor/editor遇到的问题 开发环境不管红线报错正常使用打包的时候就会报错了。
Vite + Vue3 +TS 项目router配置踩坑记录! ===＞“找不到模块“vue-router”或其相应的类型声明。“＜===
maohe的博客
07-28 1万+
记录使用vite + vue3 + ts 配置路由遇到的坑和解决方案。
找不到模块“vue-router”或其相应的类型声明。ts(2307)
qq_37899792的博客
01-30 2344
然后选择“Extensions：Show Built-in Extensions”。step4：禁用（工作区） 【Disable (Workspace)】step3：在插件搜索框内输入。
无法找到模块“@/router”的声明文件（你应该知道我说的是啥）
蜗牛也不慢
07-12 2446
在 main.js 文件中也提示：无法找到模块“@/router”的声明文件。vite + vue3创建项目，引入 vue-router，路径跳转没用。原因：vue-router版本过高或者过低。
【已解决】TS中引入vuex4会提示 ‘无法找到模块“vuex”的声明文件。
无言非影的博客
08-06 4098
无法找到模块“vuex”的声明文件。“d:/study/shop-admin-with-vue3-vite-ts/node_modules/vuex/dist/vuex.mjs”隐式拥有 “any” 类型。使用 “paths” 映射,在找不到模块的默认路径时,将其映射到类型定义文件。
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3+ts实战项目组件工具库.zip
03-03
Vue3+TS实战项目组件工具库是一个以Vue3和TypeScript为核心技术的开发资源，旨在帮助开发者构建高效、可复用且类型安全的前端应用。这个压缩包包含了一个名为"visualization-master"的项目，可能是一个专门用于数据...
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
vue3+ts (源码+笔记+生命周期截图)
02-14
源码.zip 文件可能包含了一些示例项目，可以帮助读者更好地理解这些理论知识在实际项目中的应用，通过阅读和分析源码，可以提升对 Vue3 和 TypeScript 的应用能力。在学习过程中，不断地实践和反思，将理论与实践相...
vue3+ts+antd 前端基础模板
01-14
vue3结合vite使用typescript搭建的带有路由的轻量级布局模板。 Vue.js 的最新版本，它引入了许多新的特性和改进。以下是一些 Vue 3 的新特性： Composition API：Vue 3 引入了一个新的 API，称为 Composition API。...
找不到模块“xxx.vue”或其相应的类型声明问题
weixin_49428989的博客
08-29 5663
最近在使用动态组件时，遇到切换时找不到响应组件的问题。
无法找到模块“vuex”的声明文件
wsxhfa的专栏
12-07 1900
运行环境vue3 + Vite + TypeScript。在vite-env.s.ts中加入以下配置。在导入vuex的时候。
找不到模块“XXX.vue”或其相应的类型声明。ts(2307)(发生在rrouter.ts)
zhengwenhaodezw的博客
09-01 1万+
1.报错环境说明.一直使用的是vue2.6版本，也没有引入typescript写法，但是总是要学习新东西，感觉还是从别人的项目看看3.0项目的结构再开始学比较合适，但是新下载的项目还没有启动就报错如题目所示，后面下载依赖之后也能够运行，但是vs code一直报着这个错，这个其实很难忍受。 2.解决方案说明.在前端QQ群中发起提问，热心观众帮忙解决了，步骤如下 1）在项目的根目录下新建一个shims.d.ts的文件 2）在文件shims.d...
vscode报错：找不到模块“vue”或其相应的类型声明。ts(2307)
zmy967131的博客
07-27 5170
重点：Ctrl+Shift+P 唤起命令面板，配置 volar 的 typescript版本。
vue3 报错解决：找不到模块或其相应的类型声明。
热门推荐
weixin_51828648的博客
02-21 1万+
【代码】vue3 报错解决：找不到模块或其相应的类型声明。
vue3 报错提示 找不到模块“./XXX.vue”或其相应的类型声明
youthwsj的博客
01-12 3623
vue3 报错提示 找不到模块“./XXX.vue”或其相应的类型声明。后来看到说可以在src根目录下创建一个后缀为.d.ts的文件，问题解决了，不再报模块找不到的错误了。这对我来说根本没有用。
vite+ts出现红色波浪线；找不到模块“vue-router
m0_60289222的博客
05-09 4026
提示：找不到模块“vue-router”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?
vue3+ts项目文件标红
08-16
标红问题是由于在Vue 3 TypeScript项目中导入`.vue`文件时，TypeScript默认无法处理`.vue`文件的代码所致。为了解决这个问题，可以按照以下步骤进行操作： 1. 首先，确保已经安装了volar插件，并卸载了vuter插件。 2. 其次，在项目的根目录下找到`tsconfig.json`文件，并添加以下配置项： ```json "vueCompilerOptions": { "experimentalDisableTemplateSupport": true } ``` 3. 然后，在根目录下创建一个名为`vite-env.d.ts`的文件（如果已存在，请直接打开），并添加以下代码： ```ts declare module "*.vue" { import type { DefineComponent } from "vue"; const vueComponent: DefineComponent<{}, {}, any>; export default vueComponent; } ``` 通过以上三个步骤，可以解决Vue 3 TypeScript项目中`.vue`文件标红的问题。这样，TypeScript就能正确处理`.vue`文件的代码了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue3+ts+piniajs代码爆红的解决方法](https://blog.csdn.net/qq_27702739/article/details/125059186)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [解决Vue3+Vite+TS创建的项目中‘./App.vue‘标红问题](https://blog.csdn.net/weixin_53141315/article/details/132069833)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值