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

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

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

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

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

Вы готовы идти!

У меня была эта проблема (хотя я переименовал js в jsx, а не jsx в tsx), и решение, добавленное к вопросу (запуск git rm в исходном файле), у меня не сработало.

Что сработало, было предложено эта ветка r/reactjs Reddit: удаление и переустановка node_modules:

rm -rf node_modules && npm i

У меня была такая же проблема, не нужно удалять node_modules или удалять целевой файл, вам просто нужно убить процесс узла.

Если вы на windows:

• ctrl+alt+delete для запуска диспетчера задач
• найти node
• завершить процесс

Если вы на linux:

• наверное что-то вроде pkill node и т.д.

После того, как я убил процесс node и снова запустил npm start, он находит целевой файл.

Убил мой запущенный процесс пряжи, убил vscode, перезапустил оба, и он работает

Я работал с редуксом, а потом наткнулся на эту ошибку!

Я попытался убить узел, удалить модули узла, перезагрузить ноутбук, но он все равно выдавал ту же ошибку, а позже я начал отлаживать index.js.

Я прокомментировал каждую строку и начал раскомментировать сверху, чтобы увидеть, где код ломается, а затем заметил

I had not installed

redux

I had only installed react-redux

Просто перезапустите сервер npm, он автоматически обнаружит файл машинописного текста и внесет коррективы.

У меня была такая же проблема с преобразованием .jsx в .tsx. Если вы используете Parcel для создания своего приложения, удалите папку .cache. Вот где Parcel кэширует файлы сборки. Это исправило это для меня.

Это происходит из-за предустановленного кеша. Простым решением было бы перезапустить ваше приложение nodejs и реагировать.

В Linux

$ pkill node   

$ killall node  

$ kill -9 <pid>

В Windows

C:\>taskkill /im node.exe

C:\>taskkill /f /im node.exe

C:\>taskkill /pid <PID of node>

В MacOS

$sudo killall -9 node

А затем снова запустите приложение React.

npm start

Я вручную удалил папку node_modules и переустановил их, запустив npm i, и трюк у меня сработал.

Простой перезапуск сервера работает.

Например: NPM RUN DEV или любой стартовый скрипт у меня работал.