React - node - 12 이상에서 파일 업로드 버그

react에서 파일 업로드를 할 경우 node의 버전이 12 이상일 경우 아래 사진과 같은 버그가 발생할 수 도 있습니다.

Step 01: package.json에 resolutions 추가

"resolutions": {
    "fs-capacitor": "^6.2.0",
    "graphql-upload": "^11.0.0"
  }
  

 

Step 02: package.json에 scripts 부분에 preinstall 추가

"preinstall": "npx npm-force-resolutions",

 

Step 03: 기존 node_modules 폴더 삭제 후 npm install 재설치

npm intall // 명령어 입력하여 재설치

 

* package.json 전체 소스

Step 04: npm run dev 명렁어를 입력하여 실행에 이상이 없으면 정상적으로 된 것입니다.

Step 05: 파일 업로드 재 실행

결과 화면