vue3-vite-ts 报错汇总

解决 vue3-ts 环境下引入组件报错的问题

在 vite-env.d.ts 中加入以下代码：

declare module "*.vue" {
  import { Component } from "vue";
  const component: Component;
  export default component;
}

解决 ts 文件引用报错的问题

在 tsconfig.json 中加入以下代码：

{
  "compilerOptions": {
    // ... 其他配置
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path' // 引入 path 模块

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src') // 设置@指向 src 目录
    }
  }
})

解决 <script lang="ts" setup> 中引入 js 文件的问题

{
  "allowJs": true,
}