[React Native] 에러해결_ Unhandled JS Exception: Unexpected token ':'.

에러내용: Xcode를 실행하니 아래의 에러화면 발생

▼ 에러내용

Unhandled JS Exception: Unexpected token
':'. Expected a ')' or a ' after a parameter declaration.

no stack

1.구글링하다 같은 에러이지만, 오타가 아닌 'barbel.config.js'의 내용을 수정하면된다는 내용을 발견하였다.

🔗 참고링크: https://github.com/babel/babel/issues/14139#issuecomment-1011836916

 

2. ':'토큰을 어디에 잘못쓴줄 알고, 지난주에 작성해놨던 코드를 모두 뒤지다가,

결국 모두 지워버렸다.

 

 

 

 

 

 

 

 

 

 

 

---

에러 해결방법

▼ [왼] 수정전 코드내용 / [오] 수정후 코드내용

---

▼ 수정전 코드내용

module.exports = { presets: [ 'module:metro-react-native-babel-preset', 'module:react-native-dotenv', ],};

▼ 수정후 코드내용

module.exports = { presets: [ [ 'module:metro-react-native-babel-preset', { unstable_disableES6Transforms: true, }, ], 'module:react-native-dotenv', ],};

 

이렇게 코드를 수정하고,

npx react-native start --reset-cache

npx react-native start --reset-cache를 실행하여 앱을 다시 시작한다.

---

사수님이 해결해주셨다. 기껏 에러내용 다 찾아놓고 작성을 잘못해서 엉뚱한곳을 헤매다 해결을 못했다 아하핳!

에러 해결하는게 참 어렵다 ㅜㅜ

 

▼ 내가 작성한 잘못된 코드내용 (잘못된 배열 위치)

module.exports = { presets: [ [ 'module:metro-react-native-babel-preset', { unstable_disableES6Transforms: true, }, 'module:react-native-dotenv', ], ],};

 

에러해결하는법을 다 찾아놓고 코드 쓸 줄몰라서 하루이틀을 날렸다 ....ㅜㅜㅜ 

아니다 작성했던 코드도 다 지웠으니 지난주가 통으로 날라갔다 ㅜㅜㅜ

힝구 다시 개발 리스타트....