React - Manifest: Line: 1, column: 1, Syntax error 발생시 조치

1) Manifest: Line: 1, column: 1, Syntax error. 원인

• 초기 셋팅하고 실행한뒤에 개발자 도구에서 다음과 같은 에러가 발생되는 경우가 있는데, 이 상황이 발생되는 이유는 manifest 파일을 지워서 생기는 문제이다. manifest에 대한 태그는 index.html에 남겨져있는데 json 파일만 삭제했기 때문에 위와 같은 에러가 발생하게 되는 것이다.

2) Manifest.json 이란?

• 기본적으로 React를 초기 셋팅하면 Manifest.json 라는 파일이 생성되는데 Manifest.json은 웹에 대한 정보를 담고 있는 json을 말한다.

3) Manifest: Line: 1, column: 1, Syntax error. 발생시 조치 방법

에러 코드)

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

• 여기서 index.html에 있는 link 태그에 rel 속성과 연결된 manifest 코드를 발견할 수 있다.

<link rel="/manifest" href="%PUBLIC_URL%/manifest.json" />

• 다음과 같이 rel 속성안에 있는 manifest 앞쪽에 / 를 넣어주면 해결된다.

결과)