javascript 如何在create-react-app创建的应用程序中使用jsx文件(不运行“npm run eject”)?

cl25kdpy  于 2022-12-10  发布在  Java
关注(0)|答案(1)|浏览(136)

目前我只能使用.js文件,如果我尝试使用.jsx,这将导致错误。问题如下:我通常使用代码格式化程序,在js文件中编写jsx和格式化,会导致代码完全乱序,也会导致语法错误。
我是React的新手,所以我不知道如何配置使用jsx文件,至少在主文件(index.js)以外的文件中是这样。
我已经看到了弹出脚本,但似乎有一些缺点,在使用它。
有没有解决方案可以在不运行“npm run eject”的情况下使用jsx文件?
编辑:错误是类似的,“无法从filename.js导入XXX文件”,也就是说,当我试图从一个filename.jsx文件导入时,它只搜索filename.js文件,由于没有file. js,我不能在意。
EDIT2:正如在评论中所说的,只需重新启动服务器,我想我是在服务器已经运行时从js更改为jsx,现在我已经更改并重新启动,它似乎工作

0tdrvxhp

0tdrvxhp1#

.jsx的作品开箱即用创建React应用程序。
您在服务器运行时更改了扩展名,因此服务器认为您引用的文件不再存在,因为它最初将该文件解析为.js并保留该扩展名。这就像删除一个文件并尝试导入它--显示相同的错误。
重新启动服务器,一切都应按预期运行。

相关问题