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"],**

示例：

{
  "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关闭再打开就好了。

示例：

{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],

  "compilerOptions": {
    "composite": true,
    "baseUrl": ".",
    "moduleResolution":"node",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
}