Reactjs «Ошибка: ENOENT: нет такого файла или каталога, откройте ..» после преобразования файла jsx в tsx

Question

У меня есть приложение create-react-app, и я перевожу файлы с jsx на typescript. Например, один файл называется /code/app_react/src/common/Action.jsx, и я переименовал его в /code/app_react/src/common/Action.tsx. Я внес необходимые изменения, чтобы успешно преобразовать его в tsx, но получаю ошибку, связанную с изменением имени:

. / Src / common / Action.jsx Ошибка: ENOENT: такого файла нет или каталог, открытый «/code/src/common/Action.jsx'

• восстановление не помогает
• по какой-то причине ожидается старая версия файла

Файл, импортирующий этот файл, является jsx файлом, но теперь я импортирую в него файл tsx.

Это приложение CRA, так есть ли правильный способ исправить эту ошибку?

РЕШЕНИЕ: Мне пришлось удалить их из репозитория git, используя команду git rm, например:

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

Как только я это сделал, он удалил jsx из подтвержденных файлов, а затем я смог использовать новые tsx файлы

Answer 1

Возможно, вы не импортировали файл. Вам необходимо импортировать файл, чтобы использовать его.

import Action from '/code/app_react/src/common/Action.tsx';

Также добавьте это в ваш webpack.config.js.

resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"]
},

Ты в порядке!