复现步骤:
- 创建一个 vite 初始化的 vue 项目。配置和 App.vue 代码如下。
- 启动项目,单击进入会发现 console.log 打印的代码位置是有问题的。

期望能够识别到正确的位置
App.vue
<template>
<div @click="tapSdk">进入</div>
</template>
<script setup lang="ts">
import { ElMessage } from "element-plus";
const tapSdk = async () => {
console.log("xxx");
ElMessage.error("xxx");
};
</script>
vite.config.ts
import { fileURLToPath, URL } from "node:url";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
import ElementPlus from "unplugin-element-plus/vite";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), vueJsx(), ElementPlus()],
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
});
复现步骤:
期望能够识别到正确的位置
App.vue
vite.config.ts