时间戳

首页 > 解决方案 > React typescript .tsx 文件扩展名

reactjs - React typescript .tsx 文件扩展名

问题描述

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

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

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

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

标签： reactjstypescriptwebpackeslinttypescript-eslint

解决方案

所以最终这是我的错误。如果您使用 CRA 创建一个 react 应用程序，webpack 已经知道如何处理 tsx 扩展，无需添加任何东西！只需重新编译它。顽固地从中吸取教训是一个愚蠢的错误

推荐阅读