vue3项目后续引入ts问题

npm i typescript 后

手动生成一个tsconfig.json（和vite.config.js平级）

代码如下 可解决ts中引入js找不到对应模块问题

{

  "compilerOptions": {

    "allowJs": true,

    "target": "ESNext",

    "useDefineForClassFields": true,

    "module": "ESNext",

    "moduleResolution": "Node",

    "strict": true,

    "jsx": "preserve",

    "sourceMap": true,

    "resolveJsonModule": true,

    "isolatedModules": true,

    "esModuleInterop": true,

    "lib": ["ESNext", "DOM"],

    "skipLibCheck": true, // 不对第三方依赖类型检查 ，

    "allowSyntheticDefaultImports": true, // 默认导入入这段代码解决main.ts报错问题

    "baseUrl": ".",

    "paths": {

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

    },

    "types": ["vite/client", "element-plus/global"]

  },

  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],

  "exclude": ["node_modules", "dist", "script","src/**/*.js"]

 // "references": [{ "path": "./tsconfig.node.json" }]

}