vite前端构建工具创建的Vue3项目jsconfig.json中配置快捷目录@不起作用

jsconfig.json文件代码

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

运行报错！！！无法解析导入文件，之前使用vue-cli搭建vue2时没出现这样的错误。 

最后在vite.config.js中引入fileURLToPath, URL解决该问题

import { fileURLToPath, URL } from 'node:url'

  resolve: {
    // 实际的路径转换  @  -> src
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },

希望看到帖子的大佬能帮忙解释一下为什么jsconfig.json文件不起作用！！