React 打字稿 .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 吗？配置文件？还是网页包？谢谢

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

Answer 1

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

React 打字稿 .tsx 文件扩展名

React typescript .tsx files extensions

typescript

reactjs

eslint

webpack

typescript-eslint