리액트로 개발 중에 볼 수 있는 오류
Manifest: Line: 1, column: 1, Syntax error. 에 대해서 말해보자🔥
CRA(Create-React-App)을 이용해서 프로젝트를 생성하면 manifest.json 매니페스트 라는 파일이 존재하는데 프로젝트를 초기화 하기위해서 파일들을 삭제하다보면 manifest.json 이 파일도 삭제하는데 그 때 생기는 오류이다.
manifest.json 이란?
PWA (Progressive Web App)의 일부로 사용되는 파일을 얘기한다. 이 파일은 웹 애플리케이션이 PWA로 작동하도록 필요한 메타데이터를 제공한다.
PWA ?
자세한 건 따로 더 공부를 해봐야겠지만, 간단하게 얘기하자면
웹 애플리케이션이 일반적인 웹 페이지보다 더 많은 기능을 제공할 수 있도록 웹 개발의 접근 방식 중 하나이다. PWA 의 특징은 오프라인에서도 작동할 수 있으며, 홈 화면에 설치될 수 있고, 푸시 알림을 지원할 수 있는게 특징이다.
manifest.json 파일은 이러한 PWA 특징들을 정의하고 구성하는 데 사용된다. 앱의 이름, 아이콘, 시작 페이지 등과 같은 정보가 포함되어 있다.
Error
"Manifest: Line: 1, column: 1, Syntax error"
에러의 대한 해결 방법은 이렇다.
index.html 파일을 열어 manifest 코드를 찾아 수정한다
// 기존 코드
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
// rel 속성에 / 추가
<link rel="/manifest" href="%PUBLIC_URL%/manifest.json" />
또한 수정하지 않고 이 코드를 삭제해도 무방하다.
코드를 그리다.