如何在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開箱即用的創建反應應用程序。

您正在服務器運行時更​​改擴展名，因此服務器認為您正在引用一個不再存在的文件，因為它最初將文件解析為.js並保留該擴展名，就像刪除文件並嘗試導入它一樣，顯示相同的錯誤，重新啟動服務器，一切都應按預期工作。