Vite+Vue3 报错找不到模块vue router或其相应的类型声明ts 2307

(451

于 2024-08-26 13:31:38 发布

阅读量426

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_60608503/article/details/141561771

版权

在代码

import { createRouter,createWebHashHistory } from 'vue-router'

中出现如题报错。

原来我是依赖没装好，如果使用的是 TypeScript，建议安装 @types/vue-router 类型声明文件：

进入项目所在文件夹，使用命令：

npm install @types/vue-router --save-dev

将依赖安装到对应文件夹下

之后不再报错

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

(451

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）

geejkse_seff的博客

03-01

1万+

昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现，遇到此问题： Cannot find module … or its corresponding type declarations.（ts2307）文件报错类型以及ts官方错误说明：这里以别名"@"为例子： // .vue文件 <script setup lang="ts"> import LoginApi from '@/apis/loginApi'; // (ts2307) import { getDat

vue3+ts+vite+router+vuex+api请求封装

12-29

Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...

1 条评论您还未登录，请先登录后发表或查看评论

找不到模块“vue-router”或其相应的类型声明。ts(2307)

qq_37899792的博客

01-30

3052

然后选择“Extensions：Show Built-in Extensions”。step4：禁用（工作区）【Disable (Workspace)】step3：在插件搜索框内输入。

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化

05-12

vue3.x+vite+ts+vue-router@4.x 路由使用demo

07-24

vue3.x+vite+ts+vue-router@4.x 路由使用demo，可供学习使用，也可在此基础上写项目

报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

小卡拉米的博客

01-23

5676

报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

Vite + Vue3 +TS 项目router配置踩坑记录! ===＞“找不到模块“vue-router”或其相应的类型声明。“＜===

maohe的博客

07-28

1万+

记录使用vite + vue3 + ts 配置路由遇到的坑和解决方案。

vscode报错：找不到模块“vue”或其相应的类型声明。ts(2307)

zmy967131的博客

07-27

5717

重点：Ctrl+Shift+P 唤起命令面板，配置 volar 的 typescript版本。

vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）

hfwangyl的博客

10-12

8727

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 前缀)。

找不到模块“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...

基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip

热门推荐

weixin_51828648的博客

02-21

1万+

【代码】vue3 报错解决：找不到模块或其相应的类型声明。

vscode报警告‘找不到模块“vue”或其相应的类型声明‘

m0_46165586的博客

02-28

3406

vscode报警告'找不到模块“vue”或其相应的类型声明'，但是代码是能正常运行起来的。

vue3 报错提示找不到模块“./XXX.vue”或其相应的类型声明

youthwsj的博客

01-12

3679

vue3 报错提示找不到模块“./XXX.vue”或其相应的类型声明。后来看到说可以在src根目录下创建一个后缀为.d.ts的文件，问题解决了，不再报模块找不到的错误了。这对我来说根本没有用。

找不到模块“xxx.vue”或其相应的类型声明问题

weixin_49428989的博客

08-29

6212

最近在使用动态组件时，遇到切换时找不到响应组件的问题。

找不到模块“xxx.vue”或其相应的类型声明问题解决

sebeefe的博客

03-07

2160

解决方法：在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： declare module '*.vue' { import { App, defineComponent } from 'vue' const component: ReturnType<typeof defineComponent> & { install(app: App): void } export default component } 注:vue文件.

vue3 ts路径别名@找不到模块或其相应的类型声明

08-31

在Vue 3中，使用TypeScript配置路径别名时遇到找不到模块或其相应的类型声明的问题，可以按照以下步骤解决： 1. 在项目根目录下的tsconfig.json文件中，找到"compilerOptions"字段，确保有以下配置： ``` "baseUrl": "./", "paths": { "@/*": ["src/*"] } ``` 这样配置可以将路径别名"@/"映射到"src/"。 2. 确保项目根目录下的vite.config.js文件中有正确的配置。请确认resolve.alias配置如下： ``` resolve: { alias: { '@': path.resolve(__dirname, 'src') } } ``` 这样配置可以使vite正确识别路径别名"@/"。 3. 如果仍然遇到找不到模块或其相应的类型声明的问题，可以尝试执行以下命令： ``` npm add @types/node --save-dev ``` 这样可以安装Node.js的类型声明文件，以解决类型声明问题。通过以上步骤，您应该能够解决在Vue 3中使用TypeScript配置路径别名时遇到找不到模块或其相应的类型声明的问题。123 #### 引用[.reference_title] - *1* [vue3.x+vite+ts+vue-router@4.x 路由使用demo](https://download.csdn.net/download/csl125/86249355)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue3+vite+ts 配置别名@报错找不到模块](https://blog.csdn.net/weixin_43754395/article/details/128112575)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Vue3+TS更改文件系统路径别名报错：找不到模块“@/store”或其相应的类型声明。ts(2307)](https://blog.csdn.net/qq_52855464/article/details/128276126)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

Vite+Vue3 报错 找不到模块vue router或其相应的类型声明ts 2307

Vite+Vue3 报错找不到模块vue router或其相应的类型声明ts 2307