反应打字稿 .tsx 文件扩展名

Question

我正在将我的反应项目更改为 react-typescript。我已经创建了 tsconfig 和 eslintrc 并且一切准备就绪并且可以工作。我还将我所有的 js 文件更改为 tsx 文件。但是现在我收到一个它无法识别的错误，import App from "./App"我需要添加 .tsx "./App.tsx"。我知道我可以更改 webpack 配置文件，并添加了以下内容：

module.exports = {
resolve: {
    enforceExtension: false,
    extensions: ['.ts', '.tsx', '.js', '.json'],
},
};

但它没有帮助，仍然得到同样的错误。如何更改配置文件以便它知道读取 .tsx 文件？我应该更改 eslintrc 吗？配置？还是webpack？谢谢

Ps 我使用了 Create React App 所以我已经有了默认的 webpack 配置

Answer 1

所以最终这是我的错误。如果您使用 CRA 创建 React 应用程序，webpack 已经知道如何处理 tsx 扩展，无需添加任何内容！重新遵守一下就可以了。这是一个愚蠢的错误，我们要从中吸取教训