如何在由 create-react-app 创建的应用程序中使用 jsx 文件(无需运行“npm runject”)?

2024-04-18

目前我只能使用 .js 文件,如果我尝试使用 .jsx,这将导致错误。问题是这样的:我通常使用代码格式化程序,而在js文件中编写jsx和格式化,会导致代码完全乱序,还会导致语法错误。

我是 React 新手,所以我不知道如何配置使用 jsx 文件,至少在主文件(index.js)之外是这样。

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

是否有任何解决方案可以在不运行“npm runject”的情况下使用 jsx 文件?

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

编辑2:正如评论中所说,只需重新启动服务器,我认为当服务器已经运行时我正在从 js 更改为 jsx,现在我已经更改并重新启动,它似乎正在工作


.jsx使用 create React 应用程序开箱即用。

您在服务器运行时更​​改扩展名,因此服务器认为您引用的文件不再存在,因为它将文件解析为.js最初并保留该扩展名。这就像删除一个文件并尝试导入它一样——显示相同的错误。

重新启动服务器,一切都应该按预期工作。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在由 create-react-app 创建的应用程序中使用 jsx 文件(无需运行“npm runject”)? 的相关文章

随机推荐