VSCode中Vue3使用TS报错问题解决
## 1.解决找不到模块和类型不存在属性问题
> 一:找不到模块“vue”。你的意思是要将 "moduleResolution" 选项设置为 "node",还是要将别名添加到 "paths" 选项中?ts(2792)
>
> 二:类型“{}”上不存在属性“checkedStatus”。ts(2339)
首先找到**tsconfig.json**文件中添加如下代码即可。
保存后还存在爆红就把VSCode关闭再打开就好了。
"include": ["src//*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],**
示例:
```js
{
"files": [],
"references": [
{
"path": "./tsconfig.node.json"
},
{
"path": "./tsconfig.app.json"
}
],
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
}
```
## 2.# 解决tsconfig.app.json和tsconfig.node.json中报错
首先找到**tsconfig.app.json**文件里compilerOptions下添加
"moduleResolution":"node"
保存后还存在爆红就把VSCode关闭再打开就好了。
示例:
```js
{
"extends": "@vue/tsconfig/tsconfig.dom.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
"exclude": ["src/**/__tests__/*"],
"compilerOptions": {
"composite": true,
"baseUrl": ".",
"moduleResolution":"node",
"paths": {
"@/*": ["./src/*"]
}
},
}
```