使用.tsx文件时，产品生成会生成损坏的CSS

Question

当前行为?

在CRA项目中使用TypeScript创建产品构建时，生成的结果将产生样式损坏。只需将文件从.tsx重命名为.js，就可以解决这些问题，并且代码完全没有区别（除去键入内容除外）。

我怀疑我的tsconfig / webpack配置或版本会导致这些问题，但不知道从哪里看。

预期行为?

产品构建应使用TypeScript或JS产生相同的结果。

再现?的步骤

此处没有立即提供此问题的代码，因为我有一个正常工作的版本和一个不正常工作的版本，唯一的区别是，已损坏的版本使用TypeScript .tsx，而未损坏的版本使用{{ 1}}个文件。这意味着该问题只能与config和TypeScript编译有关。希望这只是我犯的一个愚蠢的错误。

如果乍一看.js中没有发现问题，我将提供一个代码沙箱。

上下文?

这是我的tsconfig：

tsconfig

webpack配置是标准的CRA之一。

您的环境?

|技术|版本| | ----------- | ------- | | Material-UI | v4.6.1 | |反应| 16.9.0 | |浏览器Chrome，Brave，Firefox | |打字稿| 3.7.2 | |反应脚本| 3.2.0 | | react-dom | 16.9.0 |