在反应应用程序中将 index.js 重命名为 index.jsx

Question

I'm new to react and i started an app using create react app.When i try to rename index.js to index.jsx, I'm getting an error saying "Module build failed: Error: ENOENT: no such file or directory, open '/home/qbuser/Desktop/onChat-final/new/chat/client/src/index.js'". What should be done? Where did I go wrong?

Answer 1

It's a bug with create-react-app dev server: it can't handle renaming of index.js to index.jsx and vice versa. Just restart your dev server

Answer 2

You need to restart the app after renaming. I fail to find a reason for this but the solution works.

1. Stop your app by pressing Ctrl + C .
2. Then restart the app with npm start .

Answer 3

I'm new to react and i started an app using create react app.When i try to rename index.js to index.jsx, I'm getting an error saying "Module build failed: Error: ENOENT: no such file or directory, open '/home/qbuser/Desktop/onChat-final/new/chat/client/src/index.js'". What should be done? Where did I go wrong?

Answer 4

Rename it back to index.js. The file can still contain JSX.

Or run "eject"/ use WebPack, then you can customize anything.