工作中是后端开发，前端开发是兼职，工作之余做点小项目练练手。但是用了大半年，一直以来有个问题没解决，困扰太久了，网络上也没有查到有效的资料，各种尝试也没效果，还请各位指点个解决方向

不识别 vue 的函数

import { computed, reactive, ref } from 'vue';

computed, reactive, ref 都被标红，显示 Cannot resolve symbol 'computed' 等

导致无法对 computed 的泛型类型进行提示，开发体验很差

配置

webstorm

settings->language&Frameworks->Javascript->Libraries ，增加了 vue （ vue ，vue-eslint-parser ，vue-router ，vue-tsc ），typescript

{ "compilerOptions": { "target": "ES2020", "useDefineForClassFields": true, "module": "ESNext", "lib": [ "ES2020", "DOM", "DOM.Iterable" ], "skipLibCheck": true, /* Bundler mode */ "moduleResolution": "node", "allowImportingTsExtensions": true, "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "preserve", /* Linting */ "strict": true, "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, "baseUrl": "./", "paths": { "@/*": [ "src/*" ] }, "types": [ "node", "vite/client", "unplugin-vue-define-options/macros-global", "element-plus/global", "webpack-env" ], }, "include": [ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue" ], "references": [ { "path": "./tsconfig.node.json" } ] }