在React应用中将index.js重命名为index.jsx

时间:2018-06-25 05:46:12

标签: reactjs

我是新来的人,我使用create react app启动了一个应用程序。当我尝试将index.js重命名为index.jsx时,出现错误提示 “模块构建失败:错误:ENOENT:没有这样的文件或目录,请打开'/home/qbuser/Desktop/onChat-final/new/chat/client/src/index.js'”。 应该做什么?我哪里出错了?

4 个答案:

答案 0 :(得分:4)

重命名后,您需要重新启动应用程序。我找不到原因,但是解决方案有效。

  1. Ctrl + C停止您的应用。
  2. 然后使用npm start重新启动应用程序。

答案 1 :(得分:3)

这是create-react-app开发服务器的一个错误:它无法处理将index.js重命名为index.jsx,反之亦然。只需重启您的开发服务器

答案 2 :(得分:0)

将其重命名为index.js。该文件仍可以包含JSX。

或运行“弹出” /使用WebPack,然后您就可以自定义任何内容。

答案 3 :(得分:0)

create-react-app查找index.js作为您应用程序的入口。就是说它找不到,因为您将其重命名。

将其重命名为index.js,它将起作用。


如果linter抱怨jsx文件中的js,只需将index.js添加到.eslintignore文件中,因为无论如何您都不会触摸该文件。在那里也添加registerServiceWorker.js

.eslintignore:

src/registerServiceWorker.js
src/index.js