vscode开发vue3(typescript)项目错误提示处理
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
·
使用vscode开发vue3项目的过程中,常常会看到一些不影响运行的错误提示,作为有些许强迫症的人来说难以接受,在此将一些碰到的问题整理如下:
1、引入一些包后报错,如引入elment plus中文资源包或安装qs(解决传参格式不正确)包。这些错误信息中包含解决问题的方式,按照错误信息中的建议即可解决,例如:

在此信息中提示在.d.ts文件中加入declare module 'element-plus/dist/local/zh-ch.mjs
2、关于typescript类型错误,这类错误网上搜到的方法都不太好用,这是因为有些方法是通过设置,关闭了提示。而正确的做法是遵守typecript语法要求,否则就不要使用typecript,与之有关的一些用法总结如下:
/**
*导入的Ref是类型,ref是函数,通过类型可以限定typecript中变量的类型
*/
import {type Ref, ref} from 'vue';
/**
*定义类、类型的区别:定义类可以设置默认值,而类型不具备默认值
*/
export class Driver {
id: number | null = null;
name: string = "";
tel: string = "";
driverCard: string = "";
driverType: string = "";
driverCheck: Date | null = null;
permitCard: string = "";
permitCheck: Date | null = null;
}
export interface Props {
foo: string
bar?: number
}
/**
*定义一个变量时,正常情况下是个string数组,但也可能会传回一个null或者undefined,
*这时就可以使用联合类型声明
*/
const a Array<string> | undefined | null;
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:1 个月前 )
9e887079
[skip ci] 1 年前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。
更多推荐


所有评论(0)