기록/ERROR

[기록/ERROR/React] Minified React error #130

수빈2022 2024. 5. 9. 21:07

■ 에러설명

 

Minified React error #130의 전체 내용은 다음과 같습니다. [공식문서 바로가기]

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: [missing argument].[missing argument]

 

리액트 컴포넌트를 렌더링시킬 때 발생하는 에러로, components의 이름이 잘못되었다는 내용입니다. 이러한 상황으로는, 컴포넌트의 이름을 잘못 정의했거나 컴포넌트를 만들지 않고 import 시키는 경우가 있습니다.

더보기

🗨️Minified React error #31는 에러코드가 왜 직관적이지 않나요?

React의 프로덕션 빌드에서 발견되는 오류 중에 Minified React error #은 네트워크를 통해 전송되는 바이트 수를 줄이기 위해 사용하는 Minified한 에러코드 입니다. Minified는 CS에서 파일 크기를 줄이고 성능을 향상시키는 압축 또는 제거된 코드를 의미합니다.

 

🗨️CS가 뭔가요?
CS(Computer Science)는 컴퓨터 과학 또는 전산학이라고 불립니다. 간단히 말하자면, 컴퓨터랑 관련된 학문으로, 컴퓨터구조, 운영체제, 자료구조, 알고리즘, 네트워크 등을 다룹니다.


■ 문제상황

 

36번 줄처럼 { App3 }이라는 객체타입으로 컴포넌트를 정의해서 index에서 App3을 찾을 수 없었습니다.

import path 문제라는 말이 있어서 온갖 곳에 주석처리하다 발견했습니다..


■ 해결방안

App3으로 바꾸고 해결했습니다.


감사합니다.