在 TypeScript 中使用 jsx 的文件必须具有 tsx 扩展名吗？

【问题标题】：Must files using jsx in TypeScript have the extension tsx?在 TypeScript 中使用 jsx 的文件必须具有 tsx 扩展名吗？
【发布时间】：2019-05-18 17:44:07
【问题描述】：

似乎 TypeScript 和 tslint 不接受扩展名为 ts 的文件中的 jsx 代码。在 TypeScript 中是否必须对使用 jsx 的源文件使用扩展名 tsx？

【问题讨论】：

标签： typescript tslint

【解决方案1】：

是的，必须将 jsx 放入 tsx 文件中。这在docs中进行了解释

为了使用 JSX，你必须做两件事。

使用 .tsx 扩展名命名您的文件

启用 jsx 选项

这样做既是为了模仿 jsx 传统上使用的扩展名，但可能更重要的是因为 Typescript 与 jsx 存在一些语法冲突（例如旧的类型断言运算符 <type>），因此使用单独的扩展名有助于向后兼容.

【讨论】：