Reactjs "Error: ENOENT: 그런 파일이나 디렉토리가 없습니다.열어주세요.jsx 파일을 tsx로 변환한 후

Reactjs "Error: ENOENT: 그런 파일이나 디렉토리가 없습니다.열어주세요.jsx 파일을 tsx로 변환한 후

나는 가지고 있다create-react-app앱과 저는 번역 파일입니다.jsx로.typescript예를 들어, 1개의 파일은/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파일을 Import 합니다.tsx줄서서 입력해 주세요.

이것은 CRA 앱입니다만, 이 에러를 클리어 할 수 있는 올바른 방법이 있습니까?

해결 방법: 에서 삭제해야 했습니다.git저장소, 사용git rm다음과 같은 명령어를 사용합니다.

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

내가 그렇게 하자, 그것은 그것을 제거했다.jsx커밋된 파일로부터 새로운 파일을 사용할 수 있었습니다.tsx파일

내 실 공정을 중단하고 vscood를 중단하고 둘 다 다시 시작했는데 작동했어

같은 문제가 있어서 제거할 필요가 없습니다.node_modules대상 파일을 삭제하지 않으면 노드 프로세스를 종료할 수 있습니다.

하고 있으면windows:

• ctrl+alt+delete 태스크 매니저를 실행하다
• 발견하다node
• 최종 공정

하고 있으면linux:

• 아마 그런 것 같다pkill node,기타.

내가 죽인 후node프로세스 및 실행npm start다시 대상 파일을 찾습니다.

(이름을 변경했지만) 이 문제가 있었습니다.js로.jsx,보다는jsx로.tsx및 질문에 추가된 솔루션(실행 중)git rm(원본 파일에 저장)이 효과가 없었습니다.

이 r/reactjs Reddit 스레드(삭제 후 재설치)에서 제안된 기능node_modules:

rm -rf node_modules && npm i

이 문제는 사전 구축된 캐시 때문에 발생합니다.간단한 해결책은 nodej를 재시작하고 앱을 반응시키는 것입니다.

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

파일을 Import하지 않았을 수 있습니다.사용하려면 파일을 가져와야 합니다.

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

webpack.config.js에도 추가합니다.

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

가도 돼!

.jsx를 .tsx로 변환하는 것도 같은 문제가 있었습니다.앱을 빌드하기 위해 Parcel을 사용하는 경우.cache폴더입니다.여기서 구획이 빌드 파일을 캐시합니다.그걸로 해결됐어요.

레덕스를 사용하다가 이 에러를 발견했어요!!

노드 정지, 노드 모듈 분리, 노트북 재시작을 시도했지만 동일한 오류가 발생하고 나중에 index.js 디버깅을 시작했습니다.

각 행에 코멘트를 달아, 코드의 어디에 문제가 있는지 위에서 코멘트를 해제하고 나서, 관찰했습니다.

를 인스톨 하고 있지 않다.

환원

리액트 리덕스만 설치했습니다.

npm 서버를 재기동하기만 하면, 자동적으로 타이프 스크립트 파일이 검출되어 조정됩니다.

하루 종일 걸려서 도커를 재부팅하기만 하면 됩니다:) 파일을 tsx로 변경할 때마다 도커를 재시작해야 합니다.

했습니다.node_modules시 folder시 folder folder 、 시시 、 시시 、 folder folder folder folder folder 。npm i속임수가 통했어

간단한 서버 재시작이 작동합니다.

예: NPM RUN DEV 또는 다른 시작 스크립트가 작동했습니다.

리액트 어플리케이션에서도 문제가 발생하였습니다(실 시작에서 시작되어 localhost:3000에 표시).컴포넌트의 이름을 변경하고 접미사 .js를 잊어버린 후에 문제가 발생.접미사 .js를 추가한 후에도 이미 시작된 앱은 접미사 없이 파일을 계속 검색했습니다.이 솔루션은 Umanda의 권장 사항과 유사했습니다.

Ctrl+C

실타래

그리고 앱이 작동했다.

부모 폴더 또는 현재 폴더가 아닌 다른 폴더에 있는 경우 이 오류가 발생합니다.명령어를 사용하여 해당 디렉토리로 이동합니다.

cd folder-name 
npm start

그건 작동할 것이다.

앱을 하려고 할 도 같은 하며, 하기 위해 만 하면 ..next캐시 파일이 들어 있는 폴더는 작동합니다.

을 위해 생각한다create-react-app할 필요가 .

언급URL : https://stackoverflow.com/questions/55015303/reactjs-error-enoent-no-such-file-or-directory-open-after-converting-jsx