[ReactNative] - rn-fetch-blob 사용시 cycle 이슈 해결방안

 

파일 관리를 위해 rn-fetch-blob라는 라이브러리를 사용하게 된다면 아마 밑에 같은 이슈를 보게 될 것 이다.

 

워닝 이슈라 작업에 대해 크게 문제는 없다만, 해당 오류가 계속 보이는게 신경쓰여 해결 방법에 대해 찾아보았다.

 

Require cycle · Issue #183 · joltup/rn-fetch-blob

다행이 해결 방안을 찾을 수 있었다.

 

나 뿐만이 아닌 많은 사람들이 해당 문제에 대해 토론을 하고 있었기 때문이다.

 

그렇다면 해당 이슈에 관련하여 어떻게 해결하면 되는지 알아보자

 

해당 라이브러리 자체에 대해 index.js 에서 가져오는  RNFetchBlob를 'react-native'에서 {NativeModules} 값을 가져와서 호출해주면 해결된다고 한다.

 

그럼 해당 내용을 변경하기 위해

node_modules/rn-fetch-blob/polyfill/

 

경로 안에 있는 4개의 파일 Blob.js, Fetch.js, FileReader.js, XMLHttpRequest.js에서 

 

import RNFetchBlob from '../index.js' 로 호출하는 부분들을

 

import {NativeModules} from 'react-native';

const RNFetchBlob = NativeModules.RNFetchBlob  로 수정해주면 끝이다.

 

//수정 전
import RNFetchBlob from '../index.js'

//수정 후
import {NativeModules} from 'react-native';
const RNFetchBlob = NativeModules.RNFetchBlob