一、项目背景

uniapp+vue3+ts+vite+pinia+vant

二、配置

在vite.config.ts文件plugins同一层级加 resolve

export default defineConfig({plugins: [uni(),Components({resolvers: [VantResolver()]})],resolve: {alias: {"@": "/src"}}
});

在 tsconfig.json 文件的compilerOptions内加相关配置

{"compilerOptions": {"baseUrl": ".","paths": {"@/*": ["src/*"]}},"exclude": ["node_modules", "**/node_modules/*"]
}

然后重启VSCode

三、用法

<script lang="ts" setup>import { ref } from "vue";import http from "@/services/http";
<script>