在vue中使用JSX时，我们必须创建一些专用文件，而在React中，我们可以在内联JS上使用它。有没有一种方法可以使用vue重现它？
.babelrc的内容：

{
    "presets": [
        "@babel/preset-react"
    ]
}

字符串
vite.config.js的内容：

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

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

型
实际上，我已经使用这个vue文件尝试了默认配置：

<template>
  t
</template>
<script setup>
import {ref} from 'vue'
let t = <div>test</div>
</script>

型
但得到了这个错误：[plugin：vite：vue] [vue/compiler-sfc]此实验语法需要启用以下解析器插件之一：“jsx”，“flow”，“typescript”。（3：8）