X [ERROR] The JSX syntax extension is not currently enabled script:D:/Bling/git-project/hhdweb/src/components/SelectTree/ToolTree.vue?id=0:90:6: 90 │ <span class="custom-tree-node" style={style}> vue3+vite el-tree 使用renderContent出现如上报错

这个错误提示是因为你在Vue组件中使用了JSX语法扩展，但是当前环境中并没有启用JSX。要解决这个问题，你需要确保在Vue项目中正确配置了JSX的支持。

首先，确保你的项目中安装了 `@vue/babel-preset-jsx` 这个包。你可以使用以下命令进行安装：

npm install --save-dev @vue/babel-preset-jsx

接下来，在你的项目根目录下找到 `.babelrc` 或 `babel.config.js` 文件（如果没有则创建一个），并添加以下配置：

对于 `.babelrc` 文件：

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

对于 `babel.config.js` 文件：

module.exports = {
  presets: ['@vue/babel-preset-jsx']
};

保存配置文件后，重启项目，应该就能够正常使用JSX语法了。如果问题仍然存在，请确保你的构建工具（如Webpack）也正确配置了JSX的支持。