[React Native] Cannot read properties of undefined (reading 'transformFile') 오류

expo를 실행하고 building을 하는 중 아래와 같은 오류가 나면 building 실패가 되는 경우가 있습니다.

Cannot read properties of undefined (reading 'transformFile')

이러한 오류는 node의 버전이 맞지 않아서 발생하는데요,
아래 과정을 따라오면 쉽게 해결 할 수 있습니다!

1. 먼저 cmd창에서 node의 버전을 확인합니다.

$ node -v
$ node --version
둘 중 하나만 입력해보면 버전을 알 수 있습니다.
저는 v17.0.1 으로 확인되는데요,
버전을 downgrade하여 v14.18.1로 낮춰줘야합니다.

v19.6.1로 upgrade하는 것도 가능합니다. (2023.03.23 수정)

2. mac에서는?

node 버전 변경하기

2-1. window에서는?

downgrad node to v14.18.1 !!

구글에서 찾아보면 window에서는 nvm을 설치해라, npm install -g n 명령어를 실행하여 n을 설치해라~ 이러는데 저는 다 안되더라고요....

그래서 발견한 명령어가 아래와 같습니다!

$ npm install -g node@14.18.1


이 명령어를 입력하면 설치가 되는 걸 확인 할 수 있습니다.

cmd창을 나갔다 들어와서 다시 node의 버전을 확인해보면
v14.18.1로 잘 바뀐 것을 확인 할 수 있습니다.

그럼이제 expo start 후 애플리케이션 build까지 잘 실행될 것입니다!


근데 만약

'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

이러한 오류가 났다면??

3. 'npm'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 오류 해결

이러한 오류가 발생한 경우에는 환경변수 설정을 해줘야하는데요,

3.1

먼저 윈도우 시작 버튼을 눌러 '시스템 환경 변수 편집'을 검색해서 들어가줍니다

3.2

환경 변수로 들어갑니다.

3.3

시스템 변수에서 Path를 선택하고 편집을 누릅니다.

3.4

새로만들기를 눌러서 아래 경로를 입력해주세요.
C:\Users\<UserName>\AppData\Roaming\npm
<UserName>은 사용자 이름을 적어주시면 됩니다!


다 완료 하신 후에 cmd창을 다시 열어 확인하거나, 컴퓨터 재부팅을 하면 적용이 됩니다!