断点debugger位置错乱了

[hpy0826]

No description provided.

[chenxch]

请提供一下相关信息，例如vue版本，如果可以的话最好提供一个可以复现的demo

[hpy0826]

版本如下:
"vite": "^4.2.1",
"vite-plugin-compression": "^0.5.1",
 "unplugin-vue-setup-extend-plus": "^1.0.0",
 "vue": "^3.2.47",

下图为debugger位置和谷歌浏览器中断点的位置

[hpy0826]

文件类型只要是tsx的就会出问题了

<template>
    <div class="sysMenus-container" @click="updateCol()">
    </div>
</template>
  
<script setup lang="tsx" name="sysMenusIndex">
import { ref } from "vue";



const updateCol = (row?: any, prop?: string, oldValue?: string, newValue?: string, undo?: () => void) => {
    // setTimeout(() => {
    //   undo();
    // }, 2000);
    debugger;
};



const each = function <T extends { [key: string]: any }>(items: Array<T>, childrenField: string, callBack: (item: T) => void) {
    items.forEach(item => {
        if (item[childrenField]) {
            each(item[childrenField], childrenField, callBack);
        }
        callBack(item);
    });
};




</script>
  
<style scoped>
.sysMenus-container {
    width: 100px;
    height: 100px;
    background-color: red;
}
</style>