vite+vue+ts项目中报错解决方案

1. vite+vue3+ts项目中提示无法找到模块

一.首先产生这个错误是:无法找到模块XXX,并且提示'XXX' is declared but its value is never read

二. 产生这个问题的原因是我们使用了ts语法,他只能识别.ts文件,并不能识别.vue文件,所以在引入组件的时候报错了。

解决方案在在项目的根目录下创建一个vite-env.d.ts文件,文件名自定义即可,后缀必须是.d.ts

在刚刚创建的文件中输入一下代码

declare module '*.vue' {

import { ComponentOptions } from 'vue'

const componentOptions: ComponentOptions

export default componentOptions

}

2. TS 报错 Could not find a declaration file for module 'XX' -- 找不到模块的声明文件 xx

解决方案在vite-env.d.ts文件声明:

declare module 'xx'

3. 在ts环境下报Cannot find module 'pinna' or its corresponding type declarations

解决方案安装:npm install -D @types/node

如果问题还没有解决,就打开tsconfig.json文件,确保types中含有"node"。

{

"compilerOptions": {

"types": [

"node"

]

},

}

++++最重要,重启VSCODE,重新打开项目++++

4. TS 报错 Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add ali

->翻译过来是找不到 vue模块 需要将 moduleResolution设置成node

解决方案在找到 tsconfig.json 文件

"compilerOptions": {

"moduleResolution": "node"

},

}

5. ts报Module '"xx.vue"' has no default export == 报错信息,提示组件没有到导出

原因:vetur是一个vscode插件,用于为.vue单文件组件提供代码高亮以及语法支持。那既然官方推荐 volar,简单的说volar是vetur的升级版本,提供了更好的功能并有更好的TS支持。

解决方法:选择卸载vetur,安装volar插件,最后,记得重启下VS Code。

6. vite + ts 找不到模块@/xxxx 或其相应的类型声明

前提: 在vite.config.ts里面有配置相关的@/路径标签

解决办法:在tsconfig.json 文件配置如下:

"compilerOptions": {

"baseUrl": "./",

"paths": {

"@/*":["./src/*"]

}

},

7. 在vite.config.ts里面声明node模块path,报找不到模块"path"或其相应的类型声明

原因:nodejs环境不支持typescript,就给它一个能够找到对应内容的方法或插件

解决方法:pnpm i @types/node -D

相关推荐
brzhang1 分钟前
A2UI:但 Google 把它写成协议后,模型和交互的最后一公里被彻底补全
前端·后端·架构
API技术员5 分钟前
item_get_app - 根据ID取商品详情原数据H5数据接口实战解析
javascript
八哥程序员6 分钟前
Chrome DevTools 详解系列之 Elements面板
javascript·浏览器
coderHing[专注前端]10 分钟前
告别 try/catch 地狱:用三元组重新定义 JavaScript 错误处理
开发语言·前端·javascript·react.js·前端框架·ecmascript
UIUV27 分钟前
JavaScript中this指向机制与异步回调解决方案详解
前端·javascript·代码规范
momo10027 分钟前
IndexedDB 实战:封装一个通用工具类,搞定所有本地存储需求
前端·javascript
liuniansilence27 分钟前
🚀 高并发场景下的救星:BullMQ如何实现智能流量削峰填谷
前端·分布式·消息队列
再花27 分钟前
在Angular中实现基于nz-calendar的日历甘特图
前端·angular.js
San3033 分钟前
从零到一:彻底搞定面试高频算法——“列表转树”与“爬楼梯”全解析
javascript·算法·面试
GISer_Jing39 分钟前
今天看了京东零售JDS的保温直播,秋招,好像真的结束了,接下来就是论文+工作了!!!加油干论文,学&分享技术
前端·零售