如何在由 create-react-app 创建的应用程序中使用 jsx 文件？

Question

目前我只能使用 .js 文件，如果我尝试使用 .jsx，这将导致错误。问题来了：我平时使用代码格式化器，在js文件中写jsx和格式化，导致代码完全乱序，也导致语法错误。

我是 React 的新手，所以我不知道如何配置以使用 jsx 文件，至少在主文件（index.js）以外的文件中是这样。

我已经看到了弹出脚本，但使用它似乎有一些缺点。

有没有什么解决方案可以在不运行“npm run eject”的情况下使用jsx文件？

编辑：错误类似于“无法从 filename.js 导入 XXX 文件”，也就是说，当我尝试从 filename.jsx 文件导入时，它仅搜索 filename.js 文件，并且由于没有文件. js，我不在乎。

EDIT2：正如评论中所说，只需重新启动服务器，我想当服务器已经运行时我正在从 js 更改为 jsx，现在我已经更改并重新启动，它似乎正在工作

Answer 1

.jsx 使用 create react app 开箱即用。您在服务器运行时更改扩展名，因此服务器认为您正在引用一个不再存在的文件，因为它.js最初解析文件并保留该扩展名，就像删除文件并尝试导入它一样，显示相同的错误，重新启动服务器，一切都应该按预期工作。