如何解决React Native中含JSX的TS文件出现的Unexpected token报错？

• 你当前编写组件的文件后缀为 .ts，TypeScript 仅支持在后缀为 .tsx 的文件中解析 JSX 语法。.ts 文件默认只会处理纯 TypeScript 代码，遇到 JSX 开头的 < 标签就会判定为语法错误，你遇到的两类报错都是该原因触发的。

• 将你当前的 index.ts 文件重命名为 index.tsx 即可，无需修改现有代码逻辑，重命名后 TypeScript 和 linter 就能正常识别 JSX 语法，报错会自动消失。
• 如果修改后缀后仍存在解析报错，可检查项目 tsconfig.json 配置文件，确保 compilerOptions 下的 jsx 字段设置为 react-native 适配值。

内容的提问来源于stack exchange，提问作者aKn1ghtOut