Reactjs "Error: ENOENT: no such file or directory, open.." after converting jsx file to tsx

Question

I have a create-react-app app and I am translation files from jsx to typescript. For example, one file is called /code/app_react/src/common/Action.jsx and I renamed it to /code/app_react/src/common/Action.tsx. I made the necessary changes to successfully convert it to tsx, but I am getting an error related to the name change:

./src/common/Action.jsx Error: ENOENT: no such file or directory, open '/code/src/common/Action.jsx'

• rebuilding the does not help
• for some reason, the old version of the file is expected

The file importing this file is a jsx file, but now I am importing a tsx file into it.

This is a CRA app, so is there a correct way to clear this error?

SOLUTION: I had to remove them from the git repository, using the git rm command, like this:

git rm /code/src/common/Action.jsx 

Once I did that, it removed the jsx from the committed files and then I was able to use the new tsx files

Answer 1

Killed my yarn process running, killed vscode, re-started both and it works