reactjs - react typescript .tsx 文件扩展名

Question

我正在将我的 react 项目更改为 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？
谢谢
P.s 我使用了 Create React App 所以我已经有了默认的 webpack 配置

Answer 1

所以最终是我的错误。如果你用 CRA 创建了一个 React App，webpack 已经知道如何处理 tsx 扩展，不需要添加任何东西!重新编译一下就好了。勇敢地从中吸取教训是一个愚蠢的错误