create-vue项目中TSX与ESLint配置的兼容性问题解析

在Vue.js生态系统中，create-vue作为官方脚手架工具，为开发者提供了快速搭建Vue项目的能力。然而，近期有开发者反馈在使用create-vue创建包含TypeScript、JSX和ESLint的项目时，遇到了TSX在.vue文件中不被ESLint支持的问题。本文将深入分析这一现象的技术背景和解决方案。

问题现象

当开发者使用create-vue 3.13.0版本创建项目时，如果同时选择了TypeScript、JSX和ESLint选项，在.vue文件的<script>标签中使用lang="tsx"属性时，会遇到两种不同的ESLint错误：

1. 当包含实际TSX代码时，报错"Unterminated regular expression literal"（未终止的正则表达式字面量）
2. 仅设置lang="tsx"属性时，报错"Only 'ts' can be used for the '