如何在由create-react-app创建的应用程序中使用jsx文件(不运行"npm run eject")？

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应用程序开箱即用。

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