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吗？tsconfig？还是webpack？感谢

p.s我使用了Create React应用程序，所以我已经有了默认的网络包配置

Answer 1

所以最终这是我的错误。如果你用CRA创建了一个react应用程序，webpack已经知道如何处理tsx扩展，无需添加任何东西！只是重新编译它。挑衅地从中学习是一个愚蠢的错误